我有一个 master.scss,其中包含许多来自其他 .scss 文件的导入。如果我更改 *.scss 文件,master.css 会自动生成。
我只使用 NPM,没有 Gulp 或 Grunt!应该保持这种状态。
我当前的构建脚本:
"scripts": {
"watch-sass": "sass --watch src/scss/master.scss:dist/css/master.css"
}
这很好,但需要很长时间才能编译!
现在我正在尝试使用 node-sass .它应该编译得非常快。
不幸的是,我不完全理解......
node-sass 通过 npm install node-sass
我在哪里使用以下内容(来自文档)?
var sass = require('node-sass');
sass.render({
file: scss_filename,
[, options..]
}, function(err, result) { /*...*/ });
// OR
var result = sass.renderSync({
data: scss_content
[, options..]
});
在 package.json
中不是这样,对吧?
这是我读过的教程:Using NPM as a Task Runner
剧本不错。我该如何使用它?
"scripts": {
"sass": "node-sass sass/ -o build/css/"
}
这会将所有 sass 文件(不以下划线开头)编译到 build/css/目录。
希望得到您的帮助!
最佳答案
也许这涵盖了您的问题: How to compile or convert sass / scss to css with node-sass (no Ruby)?
如果您可以选择,我会推荐使用 grunt,它会让事情变得更简单、更快。这个 grunt 插件可能是最好的选择:https://www.npmjs.com/package/grunt-contrib-sass
//更新
我按照您发送的教程进行操作,它非常简单明了。 您在根文件夹中创建一个名为“package.json”的文件,其中包含以下内容:
{
"watches": {
"sass": "sass/**"
},
"scripts": {
"sass": "node-sass sass/ -o build/css/",
"dev": "rerun-script"
}
}
然后在根文件夹中打开命令行并运行以下命令:
npm install --save-dev node-sass
以上安装node-sass
然后运行:
npm install --save-dev rerun-script
上面创建了一个 watch 任务,所以你不必在每次进行更改时都重新运行 node-sass
最后你跑
npm run dev
完成!
关于css - 如何使用 node-sass 将 scss 编译为 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34896279/