安装scss (安装sass-loader node-sass 前者依赖于后者)

        sass-loader:把 sass编译成css

        node-sass:nodejs环境中将sass转css

npm install sass-loader --save-dev
npm install node-sass --sava-dev

        安装指定版本:当由于版本过高报错时,可以指定要安装的版本

npm install sass-loader@7.3.1 --save-dev
# 或者
npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D

        node-sass与 node 版本不兼容时,如果node版本过高时,最好对node版本进行降级,升级node-sass可能有隐藏风险;如果sass版本过高,可以卸载sass,重新安装指定版本。

升级node问题指路:

记录nvm下node升级的问题_金乌Y的博客-CSDN博客

报错指路:Module build failed: TypeError: this.getOptions is not a function 安装node-Sass报错_金乌Y的博客-CSDN博客

        版本对应关系如下图:

        nodes-sass releases地址:https://github.com/sass/node-sass/releases
        nodejs  releases地址:以往的版本 | Node.js

# 降级 node
sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*}

# 卸载sass-loader
npm uninstall sass-loader

安装速度很慢时,可以尝试镜像安装

# 1. 安装cnmp
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 2. 执行cnpm install
cnpm i sass-loader@7.3.1 -D
cnpm i node-sass@4.14.1 -D

题外话:

# 1. 删除npm代理模式
npm config delete proxy
npm config delete https-proxy

# 2. 切换镜像源
    # 全局切换镜像源:
    npm config set registry https://registry.npm.taobao.org
    # 查看镜像源使用状态:
    npm get registry
    # 全局切换官方镜像源:
    npm config set registry https://registry.npmjs.org

# 3. 管理镜像源
    # 3.1 安装nrm
    npm install -g nrm
    # 3.2 查看镜像源列表
    nrm ls

########## 以下为列表
* npm -------- https://registry.npmjs.org/
  yarn ------- https://registry.yarnpkg.com/
  cnpm ------- http://r.cnpmjs.org/
  taobao ----- https://registry.npm.taobao.org/
  nj --------- https://registry.nodejitsu.com/
  npmMirror -- https://skimdb.npmjs.com/registry/
  edunpm ----- http://registry.enpmjs.org/
#########

    # 3.3 切换镜像源
    nrm use taobao
    # 3.4 获取当前使用的镜像源
    npm get registry


Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐