使用Aurelia cli在“ au new”之后的webpack规则混淆

Question

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

复制：

1. `au new -u-s http2，dotnet core，typeScript，htmlmin-min，vscode，脚手架 - 脚手架。
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> A CSS文件仅使用css-loader的HTML文件。并且基于我的理解，css-loader根本没有将CSS注入页面。至少，style-loader将需要将CSS注入HTML文件。

但是，当我 <require> a css文件时，它的工作原理与预期。

有人可以解释为什么这是吗？

Answer 1

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

来自https://github.com/jods4/aurelia-webpack-build/wiki/css-does not-load：

带有aurelia。在这种情况下，Aurelia已经提供了将CSS插入DOM的功能，并期望仅CSS代码。您只需要CSS-loader。