vue2.x安装sass常见问题

1、安装

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

2、使用

build/webpack.base.conf.jg，module->rulses作如下配置
{
 test: /.sass$/,
 loaders: ['style', 'css', 'sass'] 
},

3、使用

<style lang="scss" scoped>

4、常见问题，由于node版本不断更新，vue2.x的webpack的版本是3，所以报错大多数原因是按照版本过高，所以作如下修改。

cnpm install node-sass@4.13.1 --save-dev       //安装node-sass`
cnpm install sass-loader@7.3.1 --save-dev         //安装依赖包sass-loader`