Vue CLI 3 sass-resources-loader - Opções.loaders indefinidos
Consegui configurar com êxito um novo projeto do Vue usando a versão 3.0 da CLI para usarsass-resource-loader
há algumas semanas, usando as informações postadas aqui:Usando o sass-resources-loader com o vue-cli v3.x
No entanto, depois de atualizar tudo hoje, encontro o seguinte erro ao executarnpm run serve
:
TypeError: Cannot read property 'scss' of undefined
as únicas opções que parecem estar sendo passadas para.tap(options)
estão:
{ compilerOptions: { preserveWhitespace: false } }
Atualmente não sei o suficiente sobrechainWebpack
efetivamente depurar, mas estou trabalhando nisso. Se alguém tiver alguma ideia do que mudou para causar esse erro, seria muito apreciado.
meuvue.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')
]
})
}
}