项目优化策略

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

 

相关文章:

  • 2021-05-21
  • 2021-08-05
  • 2021-06-28
  • 2022-02-14
  • 2021-12-23
  • 2021-08-19
  • 2021-08-23
  • 2022-01-13
猜你喜欢
  • 2022-02-27
  • 2022-02-22
  • 2022-01-29
  • 2021-12-20
  • 2022-02-11
  • 2022-01-11
  • 2021-09-22
相关资源
相似解决方案