Vue + ElementUI的电商管理系统实例22 项目优化-为开发模式与发布模式指定不同的打包入口

项目优化策略

3、为开发模式与发布模式指定不同的打包入口

默认情况下，Vue项目的开发模式与发布模式，共用同一个打包的入口文件（即src/main.js）。为了将项目的开发过程与发布过程分离，我们可以为两种模式，各自指定打包的入口文件，即：

1）开发模式的入口文件为src/main-dev.js

2）发布模式的入口文件为src/main-prod.js

configureWebpack 与 chainWebpack

在 vue.config.js 导出的配置对象中，新增 configureWebpack 或 chainWebpack 节点，来自定义 webpack 的打包配置。

在这里，configureWebpack 和 chainWebpack 的作用相同，唯一的区别就是它们修改 webpack 配置的方式不同：

1）configureWebpack 通过操作对象的形式，来修改默认的 webpack 配置

2）chainWebpack 通过链式编程的形式，来修改默认的 webpack 配置

两者具体的使用差异，可以参考如下网址：
https://cli.vuejs.org/zh/guide/webpack.html#webpack-%E7%9B%B8%E5%85%B3

Vue + ElementUI的电商管理系统实例22 项目优化-为开发模式与发布模式指定不同的打包入口

原文：https://www.cnblogs.com/joe235/p/12620017.html