vue.js專案打包時出錯找不到main.js
阿新 • • 發佈:2020-12-31
技術標籤:前端-後臺管理專案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刪了,重新新增一遍,先跑編譯一遍程式碼,然後再去打包。