vue项目使用scss

95 阅读1分钟

1.检查package.json中devDependencies(开发环境) 是否有 “sass-loader”,“node-sass”
2.安装

npm install node-sass --save-dev
npm install sass-loader --save-dev

注意两者之间的版本依赖关系 ,

也可以直接在 package.json中devDependencies 添加

 "sass-loader": "^7.3.1",
 "node-sass": "^4.14.1",

重新加载构建node_modules 3.确认 webpack.base.config.js

module.rules 包含

{
        test: /\.scss$/,
        loaders: ["style", "css", "sass"]
},

4.确认webpack.dev.conf.js module.rules 包含

{
       sass: generateLoaders('sass', { indentedSyntax: true }),
       scss: generateLoaders('sass'),
},