请问老师如何理解Partials

来源:4-6 初次亮相 - 添加 normalize.css

hy_wang

2021-08-15

老师我试了试,我把_button.scss的下划线去掉,然后在编译styles目录。也没有生成button.css文件啊。。。我应该如何理解这个Partials import的作用。

我认为是他不进行单独文件的编译,可是及时没有下划线@import也不会单独生成button.css文件呀

写回答

1回答

张轩

2021-08-16

同学你好 Partials 最简单的理解就是它只能被 import,不能被单独的编译成 css 文件。这是针对一次编译多个文件来说的,你可以试一下,一个文件夹两个 scss 文件,一个 root.scss,一个 _vars.scss。

// 第一个 scss 文件夹名 -o 是输出文件夹名称
npx node-sass scss -o output
// 只会有一个文件生成
Rendering Complete, saving .css file...
Wrote CSS to /Users/liusha/Public/vikingship/output/root.css
将 _vars 该名称为 vars.scss
再执行一遍:
Rendering Complete, saving .css file...
Wrote CSS to /Users/liusha/Public/vikingship/output/root.css
Rendering Complete, saving .css file...
Wrote CSS to /Users/liusha/Public/vikingship/output/vars.css
会有两个文件生成

这样你应该理解了吧~

0
3
hy_wang
非常感谢!
2021-08-17
共3条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2123 学习 · 959 问题

查看课程