css - (webpack 4) + sass-loader + mini-css-extract-plugin ，忽略 sass 依赖，输出目录中缺少生成的 css

Question

我在 github 中添加了一个问题(但我不确定这个问题属于哪个插件)但也许有人已经找到了解决方法/不同的方法

我还创建了一个示例元素，您可以在 1 分钟内体验和尝试

问题似乎是从 javascript 入口点导入正确加载 css 文件和 sass 文件，但是 sass 文件一旦转换就不会放在输出目录中(通过 mini-css-extract-plugin)，而 css 会..

(另请注意，extract-text 插件似乎没有此问题)

示例元素的自述文件还包含有关如何运行它和输出的更详细说明 https://github.com/fvigotti/webpack-problem-scss

我不想将我所有的 sass 添加为入口点(这个解决方案似乎有效，但这不是它应该工作的方式，它也是一种代码味道，因为那样我必须在 webpack 中保持入口点和样式之间的依赖关系配置..)

有人有解决方案或工作示例吗？

谢谢你弗朗切斯科

Answer 1

我发现了问题，在 package.json(我从另一个元素继承的)这 :
“副作用”: [
“*.css”
],
导致这个问题，我不知道为什么如果只影响 scss 而不是 css，即使它们由相同的模块(和相同的规则)处理，也只有 css(可能是一个错误，但在这种情况下是次要的)被导出而不是sass，无论如何从我的示例元素中删除它，现在可以工作了:)我将使用一个工作版本向我的元素添加一个提交，这样它仍然可以作为工作示例被引用