几周前,我成功地使用CLI的3.0版本配置了一个新的Vue项目来使用sass-resource-loader
,使用这里发布的信息:在vue-cli v3.x中使用sass-resources-loader
然而,在更新了所有内容之后,我在运行npm run serve
时遇到了以下错误:TypeError: Cannot read property 'scss' of undefined
个
似乎传递到.tap(options)
的唯一选项是:{ compilerOptions: { preserveWhitespace: false } }
个
我目前对chainWebpack
的了解还不足以有效地进行调试,但我正在努力。如果任何人对导致此错误的更改有任何见解,将不胜感激。
我的vue.config.js
:
const path = require('path')
module.exports = {
chainWebpack: (config) => {
config
.module
.rule('vue')
.use('vue-loader')
.tap((options) => {
console.log(options)
options.loaders.scss = options.loaders.scss.concat({
loader: 'sass-resources-loader',
options: {
resources: [
path.resolve('./src/scss/_variables.scss'),
path.resolve('./src/scss/_mixins.scss')
]
},
})
return options
})
config
.module
.rule('scss')
.use('sass-resources-loader')
.loader('sass-resources-loader')
.options({
resources: [
path.resolve('./src/scss/_variables.scss'),
path.resolve('./src/scss/_mixins.scss')
]
})
}
}
字符串
1条答案
按热度按时间xxe27gdn1#
您使用
vue-cli@3.x
,这可能意味着您的项目使用vue-loader@15.x
自版本15以来,vue-loader
不需要额外的加载器配置。您只能配置主webpack加载器。字符串
您还可以使用
vue inspect
或./node_modules/.bin/vue-cli-service inspect
命令检查webpack配置。