简介

此文章介绍了如何在 vue 项目中自行安装 sass

• 推荐使用 Vue UI 在GUI界面创建项目，使用预设进行创建，以免会发生sass-loader,node-sass,node版本不兼容问题
  • GUI图形化界面创建Vue项目命令为:vue ui
  • vue 其他命令自行了解

安装 sass

Node和node-sass的版本存在绑定关系，关系对照表如下：

查看node-sass和node版本是否对应

node -v

在项目环境中执行

npm uninstall node-sass
npm install node-sass@版本号 --save-dev 

若依旧报错，可以将node_moudle文件夹删掉，在package.json文件依赖部分填写如下内容:

"node-sass": "^4.3.0",
"sass-loader": "^4.1.1",

webpack.base.conf.jsrule部分

//配置 sass
{
  test: /.scss$/,
  loader: 'sass-loader!style-loader!css-loader',
}

执行命令：

• npm install