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

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