vue-cli4项目引入sass的坑 Cannot read property ‘style-resources-loader‘ of undefined
尽管很久之前就用sass了,但是昨日用vuecli4创建项目后,引入sass一直失败,一开始是提示TypeError: Cannot read property ‘scss’ of undefined使用npm i sass sass-loader --save后依然不行依旧报错错误为TypeError: Cannot read property ‘style-resources-loader’
·
尽管很久之前就用sass了,但是昨日用vuecli4创建项目后,引入sass一直失败,
一开始是提示
TypeError: Cannot read property ‘scss’ of undefined
使用npm i sass sass-loader --save
后依然不行
依旧报错
错误为
TypeError: Cannot read property ‘style-resources-loader’ of undefined
解决办法:npm install sass-resources-loader --save-dev
附上vue.config.js配置css
const path = require('path')
module.exports={
css: {
requireModuleExtension: true,
sourceMap: true,
loaderOptions: {
scss: {
additionalData(content, loaderContext) {
const { resourcePath, rootContext } = loaderContext;
const relativePath = path.relative(rootContext, resourcePath);
if (
relativePath.replace(/\\/g, "/") !== "src/styles/index.scss"
) {
return '@import "~@/styles/index.scss";' + content;
}
return content;
},
},
},
},
}
更多推荐
已为社区贡献8条内容
所有评论(0)