1.sass-loader依赖于node-sass,所以要安装node-sass

npm install node-sass --save-dev       // 安装node-sass
npm install sass-loader --save-dev       // 安装依赖包sass-loader
npm install style-loader --save-dev        // 安装style-loader

2.在build文件夹下的webpack.base.conf.js的module下 rules里面添加配置

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

3.启动后可能报版本错误

"sass-loader": "^8.0.0" ==> "sass-loader": "^7.3.1", //  也可以先卸载当前版本,然后安装指定的版本
npm uninstall sass-loader    // 卸载当前版本
npm install sass-loader@7.3.1 --save-dev    // 安装   无法安转在末尾添加 --legacy-peer-deps

4.安装低版本

npm install node-sass@4.14.1 //安装低版本防止出现问题,避坑
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐