如何将.CSS文件与Sass(或其他工具)合并?\[重复\]

CSS

猿老丝

2020-03-24

我可以使用萨斯使用编译多个.SCSS或.SASS输入文件到一个单一的.CSS输出文件@import所描述这里

如果我@import用来包括普通的.CSS文件,则不会合并它们。输出的.CSS文件仍然包含@import指令。那讲得通。

但是有没有办法我可以覆盖此行为,也许是命令行切换到Sass编译器?换句话说,我可以告诉Sass @import "foo.css";像它是一个.SCSS文件一样尝试强制合并吗?

我正在使用包含许多.CSS文件的第三方库(Google Closure库)。我在项目中只使用了其中一些。我宁愿避免手动解决方案,例如将所有这些文件重命名为.SCSS(尽管这似乎可行)或将其内容复制并粘贴到我的.SCSS文件中(也可以使用)。而且我不想将它们全部提供给客户端。我真的很希望Sass包括一些我按原样使用的.CSS文件,并生成一个输出样式表。可能?我还应该看看其他工具吗?

第3271篇《如何将.CSS文件与Sass(或其他工具)合并?\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
Jim西里 2020.03.24

每个CSS文件也都是有效的SCSS。.因此,如果您更改文件,则需要_filename.scss使用@import "filename";(扩展名可选)从主scss文件“无形地”导入或合并到@import 然后@import,它应该编译为一个没有@import语句的大型CSS在里面

编辑添加:对不起,您只是在浏览器崩溃后看到了您的编辑..并看到它不是您要找的东西,我不知道其他方法

蛋蛋飞云 2020.03.24

这可以在服务器端完成,如果可以的话,可以为您省去一些麻烦。由于您只是将文件合并在一起,而仅仅是CSS,因此信息中不应存在任何会损害您网站的冲突。而且,这种方式使您可以在框架得到改进时灵活地更新CSS。

Ruby不是我选择的语言,但是仍然很适合执行此处所需的一切。那里有一个用Ruby编写的工具,可以使用CSS和JS文件为您完成此任务。查看此博客文章以获取摘要:http : //cjohansen.no/en/ruby/juicer_a_css_and_javascript_packaging_tool

希望对您有所帮助,如果您对此还有其他需要,请告诉我。

问题类别

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