玖叶教程网

安装完毕常见问题：版本号过高或者使用变量未安装sass-resources-loader；

一、安装node-sass、sass-loader、style-loader

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

二、安装sass-resources-loader （如果不安装的话变量会报错）

• npm install sass-resources-loader --save-dev

三、修改build中的utils.js

scss: generateLoaders('sass'),
  修改成: 
  scss: generateLoaders('sass').concat(
    { 
      loader: 'sass-resources-loader',
      options: { 
        resources: path.resolve(__dirname, '../src/assets/main.scss') //这里写自己的文件路径 
               } }
  )

如果在使用时报错，可能版本太高无法兼容问题，可以降低版本；

进入package.json

找到对应名称修改版本号，重新 npm install 重新启动就可以使用了

"sass-loader": "^7.3.1",

"node-sass": "^4.14.1",