vue.js项目打包时出错找不到main.js

打包时设置了开发环境和生产环境的入口文件分别是
在这里插入图片描述
配置打包文件vue.config.js(没有的话新增)

module.exports = {
    chainWebpack: config => {
      // 发布模式
      config.when(process.env.NODE_ENV === 'production', config => {
        config
          .entry('app')
          .clear()
          .add('./src/main-prod.js')
  
        config.set('externals', {
          vue: 'Vue',
          'vue-router': 'VueRouter',
          axios: 'axios',
          lodash: '_',
          echarts: 'echarts',
          nprogress: 'NProgress',
          'vue-quill-editor': 'VueQuillEditor'
        })
  
        config.plugin('html').tap(args => {
          args[0].isProd = true
          return args
        })
      })
  
      // 开发模式
      config.when(process.env.NODE_ENV === 'development', config => {
        config
          .entry('app')
          .clear()
          .add('./src/main-dev.js')
  
        config.plugin('html').tap(args => {
          args[0].isProd = false
          return args
        })
      })
    }
  }

开始编译开发环境和生产环境前,先跑一遍,本地编译一遍npm run serve
就不不会出错,如果出错了就把config中多出来的代码删了。
我是一直出错,然后把main的两个文件改回一个文件,并且把config删了,重新添加一遍,先跑编译一遍代码,然后再去打包。

Logo

前往低代码交流专区

更多推荐