scss在vue的安装

1.安装scss包

npm  install sass-loader --save-dev
npm install node-sass --sava-dev
npm install style-loader --save-dev //安装style-loader 有些人安装的是 vue-style-loader 其实是一样的！

在自己下载的时候发现一直下载不上Node-sass，用cnpm下载

cnpm install node-sass --save-dev //安装node-sass 
cnpm install sass-loader --save-dev //安装sass-loader 
cnpm install style-loader --save-dev //安装style-loader 有些人安装的是 

vue-style-loader 其实是一样的！
2.在build文件夹下的webpack.base.conf.js的rules里面添加配置

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

3.在style里面添加

<style scoped lang="scss">

在我下载的时候碰到的问题，由于npm 是国外的，所以下载 node-sass的时候一直报错
终于下载好了，然后由于sass-leader版本高又报错。
最后我把sass-leader的版本改成了7.3.1
然后把node_modules删掉之后然后cnpm install
终于不报错啦，完成~
注意如果下载的时候报错，除了在webpack删掉之外，node_modules也需要删除隐藏的文件。所以我每次下载失败，下次下载不成功就会把node——modules删除掉重新下载
移除下载的 cnpm remove 下载未完成的东西