Vue + ElementUI的电商管理系统实例21 项目优化-修改webpack默认设置

项目优化策略

2、通过 vue.config.js 修改 webpack 的默认配置

通过vue-cli3.0工具生成的项目,是默认隐藏了所有webpack的配置项,目的是为了屏蔽项目的配置过程,让程序员把工作的重心,放到具体功能和业务逻辑的实现上。

如果程序员有修改 webpack 默认配置的需求,可以在项目根目录中,按需创建 vue.config.js 这个配置文件,从而对项目的打包发布过程做自定义的配置(具体配置可以参考 https://cli.vuejs.org/zh/config/#vue-config-js )。

格式:

// vue.config.js
// 这个文件中,应该导出一个包含了自定义配置选项的对象
module.exports = {
  // 选项...
}

在项目根目录下创建 vue.config.js 文件,具体内容参考官方文档。