如何使用node-sass(没有Ruby)将sass / scss编译或转换为css?

CSS

Jim老丝L

2020-03-18

我正在努力设置libsass,因为它不像基于Ruby的编译器那样简单。有人可以解释如何:

  1. 安装libsass?
  2. 从命令行使用它?
  3. 与gulp和grunt等任务赛跑者一起使用吗?

我对程序包经理的经验很少,而对任务执行者的经验则更少。

第2078篇《如何使用node-sass(没有Ruby)将sass / scss编译或转换为css?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
Sam卡卡西 2020.03.18

这些工具的安装在不同的OS上可能会有所不同。

在Windows下,node-sass当前默认情况下支持VS2015,如果您的包装盒中只有VS2013,并且在运行命令时遇到任何错误,则可以通过添加--msvs_version = 2013来定义VS的版本。这在node-sass npm页面上有所记录

因此,在Windows上使用VS2013的安全命令行为:npm install --msvs_version = 2013 gulp node-sass gulp-sass

Harry小哥 2020.03.18

在使用节点v6.11.2npm v3.10.10的 Windows 10中,为了直接在任何文件夹中执行:

> node-sass [options] <input.scss> [output.css]

我只按照node-sass Github中的说明进行操作

  1. 通过在Powershell中以管理员身份运行来添加node-gyp先决条件(需要一些时间):

    > npm install --global --production windows-build-tools
    
  2. 普通的命令行 shell(Win+ R+ cmd + Enter)中运行:

    > npm install -g node-gyp
    > npm install -g node-sass
    

    -g这些软件包放置在下%userprofile%\AppData\Roaming\npm\node_modules您可以检查npm\node_modules\node-sass\bin\node-sass现在是否存在。

  3. 检查您的本地帐户(不是系统) PATH环境变量是否包含:

    %userprofile%\AppData\Roaming\npm
    

    如果不存在此路径,则npmnode可能仍在运行,但是模块bin文件将不会运行!

关闭上一个外壳,然后重新打开一个新外壳,然后运行> node-gyp> node-sass

注意:

  • windows-build-tools 可能没有必要(如果没有编译做?我想阅读,如果有人提出它没有安装这些工具),但它并添加到管理员帐户GYP_MSVS_VERSION的环境变量,2015作为一种价值。
  • I am also able to run directly other modules with bin files, such as > uglifyjs main.js main.min.js and > mocha

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android