【问题标题】:Strategy to import many scss files导入多个scss文件的策略
【发布时间】:2017-04-18 04:52:37
【问题描述】:

我在 Rails 中使用能够在单个导入语句中导入许多 sass 或 scss 文件。在我的application.scss 中,我会输入以下内容,这将导入文件夹 base/modules/layouts 中的所有文件和文件夹:

@import 'base/**/*';
@import 'blocks/**/*';
@import 'layouts/**/*';

有没有办法在 Webpack (2.0) 和 React (15) 上下文中实现这一点?

【问题讨论】:

  • 您可以在应用程序的索引中导入主 scss 并通过 sass 执行所有导入操作。
  • 但是我可以导入文件夹中的所有个文件还是需要一个一个导入?
  • 你试过那个npmjs.com/package/import-glob-loader 吗?

标签: reactjs sass webpack


【解决方案1】:

您可以为 webpack https://github.com/Aintaer/import-glob-loader 使用这样的预加载器来实现该行为。基本上,这个预加载器会在编译它们之前扩展您的 import 语句。在 github 页面上阅读更多内容。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-03-13
    • 1970-01-01
    • 2021-04-11
    • 2021-11-11
    • 2018-02-22
    • 1970-01-01
    • 2022-06-13
    • 2019-08-21
    相关资源
    最近更新 更多