技術標籤：前端-後臺管理專案javascriptvue.jsnode.js

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刪了，重新新增一遍，先跑編譯一遍程式碼，然後再去打包。