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

【问题标题】：(webpack 4) + sass-loader + mini-css-extract-plugin , ignore sass dependencies, generated css is missing in the output dir(webpack 4) + sass-loader + mini-css-extract-plugin ，忽略 sass 依赖，输出目录中缺少生成的 css
【发布时间】：2018-04-09 09:20:43
【问题描述】：

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

我还创建了一个示例项目，您可以在 1 分钟内玩和尝试

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

（另请注意，extract-text 插件似乎没有这个问题）

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

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

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

谢谢你，弗朗切斯科

【问题讨论】：

你试过 extract-text-plugin github.com/webpack-contrib/extract-text-webpack-plugin 这个问题github.com/webpack-contrib/mini-css-extract-plugin/issues/14 吗？
extract-text-webpack-plugin is incompatible with webpack4 ，网上说要使用 MiniCssExtractPlugin ，关于你指出的问题，我已经创建了一个分支，但这也不起作用..github.com/fvigotti/webpack-problem-scss/tree/…
关于 extract-text-webpack-plugin 使用 npm i -D extract-text-webpack-plugin@next 的解决方法并再次验证自己是否至少 v4.0.0-alpha.0 应该可以工作。
extract-text-webpack-plugin 适用于 webpack 4。检查这个 github repo 包含 webpack 4 的示例项目和 sass github.com/Rajcbe/Webpack-sample-project
@Raj 你指向的仓库不是 webpack4 而是 webpack3

标签： css webpack sass

【解决方案1】：

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

【讨论】：