我有一个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-sassnpm install node-sass
我在哪里使用以下内容(来自docs)?
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
吧?
这是一个教程,我已阅读:使用NPM作为任务运行器
脚本很好。如何使用?
"scripts": {
"sass": "node-sass sass/ -o build/css/"
}
这会将所有的Sass文件(不是以下划线开头)编译到build / css /目录。
希望对您有所帮助!
也许这涵盖了您的问题:如何使用node-sass(无Ruby)将sass / scss编译或转换为css?
如果您愿意,我建议您使用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
上面的代码创建了一个监视任务,因此您不必在每次更改时都重新运行node-sass
最后你跑
npm run dev
完毕!
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句