Webpack在JS文件里面需要SASS？

我刚刚在关注Jeffrey Way的WebPack介绍，我无法理解的一件事是为什么他会将他的.scss文件导入到他的main.js文件中，只能将它再次提取到单独的文件中？为什么它首先需要在JS中？Webpack在JS文件里面需要SASS？

任何一种足以解释和帮助我。我肯定错过了什么。

2017-10-19 rctneil

让我们的WebPack的守望热重载与CSS工作也一样，而不是需要一个完全独立的组的工具来监视这些。 – ceejayoz

@ceejayoz那么，我是否应该创建一个main.js文件，其中需要加载我的CSS和其他JS文件？并将其用作WebPack观看的内容？ – rctneil

不管你喜欢做什么。设置JavaScript构建的方法有很多种 - 如果你不喜欢Jeffrey Way的方式，可以采取其他措施。 – ceejayoz

简单的答案基本上就是，webpack是用来构建和捆绑JS的。有扩展webpack的插件可以为您提供SCSS，LESS，...捆绑。

每个包都有一个入口点。在webpack的情况下，这是一个.js文件。您在该入口点或入口点中导入/需要的文件中导入/要求的每个文件都将使其进入最终捆绑包。

webpack的默认行为是将.scss/.css也捆绑到.js包中。您可以使用像ExtractTextWebpackPlugin这样的插件来生成单独的样式包。

所以答案是：假定的WebPack，一切都是JavaScript和你需要的插件来证明是错误的;-)

2017-10-20 16:32:24

谢谢，我实际上发现你可以有多个文件被传入它的入口点。我已经通过了app.js和app.scss。那些文件然后导入其他JS或其他SCSS或CSS文件。实际上目前看起来运行良好。不幸的是，它在我的css输出文件夹中创建了一个空的app.js文件。如果我在OP中发布配置，你会看看吗？ – rctneil

回答