webpack 生产模式基础配置
webpack 生产模式基础配置
使用webpack我们在开发时我们需要的是精准的源代码映射和本地服务器的构建,而在运行过程中,则是注重于精准、轻
量级的资源,一便优化页面加载。就需要为每个环境添加单独的webpack.config.js配置。
虽然运行在不同的环境,但是webpack还是有些公用的配置,就需要资源融合。
首先安装:cnpm install --save-dev webpack-merge
重新构建webpack配置文件,目录如下:
环境配置如下:
重新设置npm命令,在package.js内设置
运行cnpm run dev 自动监听更改,用于开发阶段
运行cnpm run build 打包文件生成dist,用于生产阶段
如果build之后的文件包还是比较大,在webpack.build.js添加如下配置:
再次build后从network应该可以看到捆绑包的大小会明显变小