vue-cli 中 sass-loader的使用

为我们配置全局的sass变量,方便我们使用 sass-loader实现

安装 yarn sass-loader

vue.config.js 配置

https://github.com/webpack-contrib/sass-loader 

webpack.config.js

module.exports = { module: { rules: [ { test: /\.s[ac]ss$/i, use: [ // Creates `style` nodes from JS strings 'style-loader', // Translates CSS into CommonJS 'css-loader', // Compiles Sass to CSS 'sass-loader', ], }, ], },};