将单个Sass或Stylus组件转换为CSS文件

时间:2019-05-21 16:09:25

标签: css sass stylus

我正在寻找一种从Materialize CSS或Vuetify之类的库中创建单个组件CSS文件的方法。

Materialize用Sass编写,Vuetify用手写笔编写。我想将各种sass和手写笔文件转换为单独的css文件。

因此,例如,我要创建一个仅包含与按钮相关的CSS的button.css文件,而不是Materialize _button.scss。 _cards.scss,_navbar.scss等也是如此。

我想对vuetify中的触控笔组件做同样的事情。

有人知道怎么做吗(在Sass或Stylus中)?

对于它的价值-我使用VS Code。

1 个答案:

答案 0 :(得分:0)

在VS Code中,安装扩展Live SASS Compiler,然后在VS Code终端中输入命令:

sass --watch input.scss output.css

or if it is in folder, then

sass --watch scss/input.scss:css/output.css

这将自动将scss文件转换为css文件

投票是否有帮助