javascript – 树摇动sass
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 树摇动sass,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含887字,纯文字阅读大概需要2分钟。
内容图文
![javascript – 树摇动sass](/upload/InfoBanner/zyjiaocheng/741/fbd5d71e5b7d40b395b3577a4a72446e.jpg)
我有一个包含许多旧/未使用的SCSS文件的大型项目.有没有办法,使用node-sass或libsass来树抖或删除编译中未使用的所有文件?
或者有没有办法简单地输出编译中使用的所有文件的列表,以便我可以交叉引用?
编辑:虽然似乎有解决方案从sass版本的输出中删除未使用的样式,我仍然没有看到删除未使用的输入文件的有效方法
解决方法:
如果将:line_comments选项设置为true,则生成的输出将包含定义每个规则的行号和源文件.您应该获得如下输出:
/* line 20, sass/_reset.sass */
body {
line-height: 1;
color: black;
background: white;
}
使用node-sass,选项为sourceComments: true.
gulp.task('styles', function() {
return gulp.src('src/sass/**/*.scss')
.pipe(sass({
style: 'expanded',
sourceComments: true
}))
.pipe(gulp.dest('path/to/file.css'))
所以做这样的事情,然后你可以这样做:
grep '^/\* line \d*, .*\*/' path/to/file.css
你会得到如下输出:
path/to/file.css:/* line 20, sass/_reset.sass */
然后你只需编写一些脚本来删除那些未出现在该列表中的文件.
内容总结
以上是互联网集市为您收集整理的javascript – 树摇动sass全部内容,希望文章能够帮你解决javascript – 树摇动sass所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。