五、webpack项目打包发布（配置与整理dist目录下的文件）

阅读量：

为何需要执行打包发布（生产环境打包）操作？

在开发阶段，由打包过程所产生的文件仅临时存储于内存中，无法被实际获取
在开发阶段，由打包过程所产生的文件未经过代码压缩处理及性能优化操作

配置：

在 package.json 文件中，新增了用于构建的命令：

复制代码

    "scripts":{
    	"dev":"webpack serve",//开发环境下，运行npm run dev
    	"build":"webpack --mode production",// 项目发布时，运行npm run build 得到dist文件夹，此处的production生产模式会覆盖webpack.config.js中的mode值！！！！
    }

整理dist目录下的文件：

将所有js文件集中生成至dist>js目录内
- 将所有图片文件统一输出到dist>image目录中

复制代码

    //webpack.config.js
    module.exports = {
    	mode:'development',//build之前不需要特意改成production，因为在package.json中npm r

全部评论 (0)

还没有任何评论哟~