只有在加载组件时,react生态系统中才存在一种机制来导入sass文件吗?例如,我可能具有以下结构:
client/
main.scss
routes.jsx
main.html
imports/
components/
componentA/
ComponentA.jsx
ComponentA.scss
componentB/
ComponentB.jsx
ComponentB.scss
假设ComponentA
仅在公共区域ComponentB
使用,而仅在管理区域使用。如果我将@import
两个组件样式表都放入main.scss
文件中,那么公众将下载他们永远不会使用的额外数据。sass
世界上有没有解决这个问题的办法?
由于您使用的流星,这是您可以在您的JSX文件做什么,采用进口
在你的ComponentA.jsx
文件的使用:
/imports/components/componentA/ComponentA.scss
如果仅在渲染组件时想要获取scss文件,则可以在render方法中对此文件进行要求,而不是在文件中使用import。
这是链接:https : //guide.meteor.com/build-tool.html#css-importing
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句