我正在將應用程式從 Vue 2 遷移到 3。在遇到許多對等依賴錯誤之后,我的專案終于建立起來了,但是新版本的 WebPack 認為 EsLint 錯誤是真正的錯誤并停止構建,例如,有是已宣告但未使用的變數。
我知道我可以通過將標志設定為來禁用該failOnError行為false。但我不知道我應該在哪里寫。我沒有webpack.config.js接縫Vue.JS處理的檔案,所以我有以下vue.config.js檔案:
const webpack = require('webpack')
module.exports = {
configureWebpack: {
devtool: 'eval-source-map',
plugins: [
new webpack.ProvidePlugin({
_: 'lodash'
})
]
},
publicPath: '',
pluginOptions: {
cordovaPath: 'src-cordova'
},
devServer: { https: false }
}
這是正確的地方嗎?我應該創建一個webpack.config.js檔案嗎?
PS:如果您需要更多資訊,請發表評論:)
uj5u.com熱心網友回復:
在 Vue CLI 5 腳手架專案(使用 Webpack 5)中,您可以通過 Vue CLI 的option禁用EslintWebpackPlugin 'failOnError。chainWebpack
在
chainWebpack(config)中,用于config.plugin('eslint')獲取EslintWebpackPlugin.鏈接一個
.tap(args)呼叫來修改插件的引數(args在這種情況下是一個物件陣列)。第一個引數是插件的選項物件。將該物件的failOnError屬性設定為false:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
chainWebpack(config) {
config.plugin('eslint')
.tap(args => {
args[0].failOnError = false
return args
})
},
})
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/468856.html
標籤:javascript Vue.js 网页包 埃斯林特 Vuejs3
