vue项目支持sass/scss的引入方法

新方法

修改package.json

"devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "sass-loader": "^7.3.1", //!!!!这里~
    "vue-template-compiler": "^2.6.11"
  },

---

旧方法

npm install --save-dev sass-loader   //sass-loader依赖于node-sass
npm install --save-dev node-sass

或者

yarn add --dev sass-loader
yarn add --dev node-sass

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

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

Reference

1. https://www.jianshu.com/p/f6af30ee21a2
2. yarn简单语法：https://www.jianshu.com/p/806ba5fa9279