chainWebpack自定义打包入口

最新推荐文章于 2023-09-18 17:00:13 发布

原创最新推荐文章于 2023-09-18 17:00:13 发布 · 459 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

前端学习专栏收录该内容

10 篇文章

订阅专栏

该博客介绍了如何使用Webpack根据环境变量切换应用的入口文件。在生产环境中，Webpack配置将入口设置为'main-prod.js'，而在开发环境中则改为'main-dev.js'，实现了不同环境下的构建差异化。

module.exports = {
  chainWebpack: config => {
    config.when(process.env.NODE_ENV === 'production',config => {
      config.entry('app').clear().add('./src/main-prod.js')
    })

    config.when(process.env.NODE_ENV === 'development',config => {
      config.entry('app').clear().add('./src/main-dev.js')
    })
  }
}