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

时间:2018-04-09 09:20:43

标签: css webpack sass

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

我还创建了一个示例项目,以便您可以在1分钟内播放和尝试

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

(另请注意,提取文本插件似乎没有这个问题)

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

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

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

谢谢你, 弗朗西斯

1 个答案:

答案 0 :(得分:1)

我发现了这个问题, 在package.json(我从另一个项目继承) 这个 : "sideEffects": [ "*.css" ], 造成这个问题, 我不知道为什么如果影响了唯一的scss而不是css,即使它们是由同一模块(和相同的规则)处理的机器人只有css(可能是一个bug,但在这种情况下是次要的)被导出而不是sass,无论如何从我的示例项目中删除它,现在工作:) 我将使用工作版本为我的项目添加提交,因此它仍然可以作为工作示例引用