webpack配置build命令(打包发布)

package.json文件中 scripts节点下,新增build命令

"scripts":{
    "dev":"webpack serve"  //开发环境中,运行 dev 命令  内存
    "build": "webpack --mode production"  // 项目发布时,运行build命令  物理层面
}

--model制定webpack运行模式

 优化图片

output:{
    //存放目录
    path:path.join(_dirname,'dist')
    //生成文件名
    filename: 'js/bundle.js'
}

 自动清理dist目录下的旧文件clean-webpack-plugin

 

posted @ 2022-06-21 16:59  东八区  阅读(800)  评论(0)    收藏  举报