Question

反应生态系统中是否有一种机制只在加载组件时导入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世界中是否有解决此问题的方法？

Answer 1

由于您正在使用meteor，这是您可以做的，在您的jsx文件中使用import
在ComponentA.jsx文件中使用：
/imports/components/componentA/ComponentA.scss

如果您只想在渲染组件时获取scss文件，则可以在render方法中执行此文件的require，而不是在文件中使用import。

这是链接： https://guide.meteor.com/build-tool.html#css-importing

导入组件时可以导入scss吗？

1 个答案: