使用Aurelia CLI在“ au new”之后混淆了webpack规则

Question

我试图了解发生了什么魔术，这违反了我对webpack的理解。

要复制：

1. au new -u https，dotnet-core，typescript，htmlmin-min，vscode，scaffold-navigation。
2. 打开webpack.config.js
3. 查看模块规则：

请注意以下规则：

{
    test: /\.css$/i,
    issuer: [{ test: /\.html$/i }],
    // CSS required in templates cannot be extracted safely
    // because Aurelia would try to require it again in runtime
    use: cssRules
}

cssRules定义为：

const cssRules = [
  { loader: 'css-loader' },
];

所有这些似乎都意味着<require>个css文件的html文件将仅使用css-loader。根据我的理解，css-loader根本没有将CSS注入页面。至少需要style-loader才能将CSS注入html文件。

但是，当我<require>一个CSS文件时，它的工作原理与预期完全一样。

有人可以解释为什么吗？

Answer 1

当然，我偶然发现了自己的问题的答案。也许这会帮助别人...

从https://github.com/jods4/aurelia-webpack-build/wiki/CSS-doesn开始加载：

  

在视图中有Aurelia。在这种情况下，Aurelia已经提供了将CSS插入DOM的功能，并且只需要CSS代码。您只需要css-loader。