修改脚手架默认打包路径main.js

张飞飞啦啦

已于 2022-03-07 00:51:26 修改

阅读量467

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue项目优化文章标签： javascript vue.js elementui

于 2022-03-06 23:09:59 首次发布

本文链接：https://blog.csdn.net/weixin_55959870/article/details/123319809

Vue项目优化专栏收录该内容

5 篇文章

订阅专栏

这篇博客介绍了如何在Vue项目中通过vue.config.js配置文件，根据环境变量切换不同的入口文件，如在生产环境使用main-prod.js，开发环境使用main-dev.js，实现了代码的差异化打包。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码，项目中的两个js一模一样，一个打包用，一个开发用

在项目中创建一个vue.config.js文件夹，有的话直接下一步

把下面的代码复制粘贴

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  // 修改默认打包main
  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')
    })
  }
})