webpack-dev-server设置IP可访问
1、设置devServer参数host
为0.0.0.0
即可
devServer: {
// 内容路径
contentBase: path.join(__dirname, "../src"),
// gzip压缩
compress: true,
host: "0.0.0.0",
// 端口
port: 9000,
historyApiFallback: true, // 如果为 true ,页面出错不会弹出 404 页面
// api mocker
before(app) {
apiMocker(app, path.resolve(__dirname, "../mock/proxy"));
}
},
2、package.json 启动脚本添加--host 0.0.0.0
"scripts": {
"dev": "cross-env proxy=false webpack-dev-server --hot --color --config build/webpack.dev.conf.js --host 0.0.0.0",
},
公司新入手的Macbook m1最新款,使用NPM RUN DEV,你都可以去喝杯咖啡再回来,再看还在 build,怎么解决?
如何在VUE项目中添加stylelint,检查css,scss,less的语法问题,保证团队代码的规范统一
默认情况下,webpack-dev-server只可使用localhost或127.0.0.1访问,用局域网IP访问不了
mvvm项目总会有一些静态文件,如静态合同、协议等等,如何通过webpack来原样复制?
webpack最小化打包lodash插件,如果全量打包的话,lodash会非常大
vue2.0 项目,利用webpack搭建mock api服务,用于本地调试数据
webpack打包,报"WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)",记录一下
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(static module bundler)。在 webpack 处理应用程序时,它会在内部创建一个依赖图(dependency graph),用于映射到项目需要的每个模块,然后将所有这些依赖生成到一个或多个bundle