vue配置scss环境

第一步，gitbash进入到项目目录

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

 npm 安装 node-sass 依赖时，会从 github.com 上下载 .node 文件。由于国内网络环境的问题，这个下载时间可能会很长，甚至导致超时失败。具体可以参考https://segmentfault.com/a/1190000010984731

解决方法一：使用淘宝镜像源（推荐）

 

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

第二步：打开webpack.base.config.js在loaders里面加上

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

第三步，在需要用到scss的地方写上

<style lang="scss" scoped>

</style>