1. 解决方案:需要引入sass-loader这种依赖包
npm install sass-loader --save;
npm install node-sass --save;
在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.scss$/,
loaders: ['style', 'css', 'sass']
}
2. 安装node-sass出错
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! node-sass@4.13.0 postinstall: `node scripts/build.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the node-sass@4.13.0 postinstall script.
原因:node-sass 的数据源没设置
解决方案:npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass
3. 设置npm网络链接失败
解决方案:
① 先取消npm代理设置:
输入命令:npm config set proxy null
输入命令:npm config set https-proxy null
② 添加淘宝镜像:
输入命令:npm --registry https://registry.npm.taobao.org info underscore
③ 在.npmrc文件中添加代理:registry = https://registry.npm.taobao.org/
完成~~~
npm可以重新安装包啦,安装noss-sass.