webpack手动打包发布

如何打包发布前端项目给后端

在package.json文件的scripts节点下，新增build命令

"scripts":{
    
    
    // 开发环境，运行dev
	"dev":"webpack serve",
	// 项目发布，运行build
	"build":"webpack --mode production"
}

npm run build

最后把生成的dist文件夹发给后端小伙伴啦~

注意！
规整你的前端代码

 // js文件统一打包在 dist/js
output: {
    
     
        path: path.join(__dirname,"dist"),
        filename: "js/bundle.js"
    },
    
 // 图片统一打包 dist/images
{
    
     test:/\.jpg|png|gif$/,use:'url-loader?limit=470 & outputPath=images'}

重新打包需要手动删除原有 dist 或者使用插件 clean-webpack-plugin