导入重复命名的sass部分是否有效？

Question

我有一个React Web应用程序，我正在使用 Webpack 2 来进行我的JS和CSS捆绑。该应用程序具有以下项目结构（为了本问题的目的而简化）：

src/
-- main.js
-- main.sass
-- Components/
---- SomeComponent/
------ index.js
------ _style.sass
---- AnotherComponent/
------ index.js
------ _style.sass

想象一下，我在这个应用程序中有很多组件，所以上面应该简化组织结构。

我的main.sass文件如下所示：

@import './**/*'

问题：

我的目标是获取名为_style.sass的所有部分并将其导入我的main.sass文件。当我的所有部分名称相同时，是否可以这样做，这意味着它们都被命名为_style.sass？

奖金回合：

随意提供如何使用Webpack 2为此项目结构配置webpack.config.js文件;我正在学习如何捆绑，我会喜欢任何建议。

Answer 1

实际上，webpack使用文件的完整路径作为文件的唯一键，因此您可以根据需要使用相同的名称。

你可以在这里阅读： https://webpack.js.org/configuration/module/#rule-conditions