首页 > 代码库 > 解决Webpack 安装sass时出现的错误

解决Webpack 安装sass时出现的错误

webpack环境下,加载css需要 css-loader 和 style-loader。

  css-loader:使用类似@import和url(...)的方法实现 require的功能;

  style-loader:将所有计算后的样式加入页面中。

但如果你需要使用sass/scss定义样式,那么为了能正常编译,还需要做如下配置: 

//在项目下,运行下列命令行
npm install --save-dev sass-loader
//因为sass-loader依赖于node-sass,所以还要安装node-sass
npm install --save-dev node-sass

 

在使用上面的方法安装node-sass,出现错误如下:

技术分享

假设你也出现了这样的错误,不妨尝试下使用taobao的镜像:

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist --sass-binary-site=http://npm.taobao.org/mirrors/node-sass

 

解决Webpack 安装sass时出现的错误