Question

问题我遇到了大量导入的文件。我试图慢慢将webpack注入遗留站点。有许多全球样式表：

require('../../../Content/Ones/_forms.scss');
require('../../../Content/Ones/_grid.scss');
require('../../../Content/Ones/_panels.scss');
require('../../../Content/Ones/one.scss');
require('../../../Content/Ones/_grid_tools.scss');

有没有办法避免这种情况？我可能只是从错误的角度看这个，因为我似乎找不到与我的用例匹配的问题。

请指教，谢谢！

Answer 1

您导入的SASS文件（无论是从JS文件还是其他SASS文件导入它们）都是您的webpack依赖关系树的一部分，因此应该自动监视它们。如果他们不是，您是否介意在您的应用结构和webpack配置问题中添加更多信息？

至于减少全球SASS导入的数量，有几种方法可以做到这一点，但在这里做出一个好的选择实际上取决于你的应用程序的结构。

附带问题：您是否有理由将webpack添加到此网站？特别是你希望获得什么？我问，因为如果它不是基于组件的SPA，你可能不会从webpack中获得太多，而且可能不值得这么麻烦。

如何使用Webpack观看导入的SASS文件？

1 个答案: