Я пытаюсь понять, что происходит с магией, которая нарушает мое понимание веб-пакета.
Воспроизвести:
- `au new -u -s http2, dotnet-core, typcript, htmlmin-min, vscode, scaffold-navigation.
- Открыто
webpack.config.js
- Просмотрите правила модуля:
Обратите внимание на это правило:
{
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' },
];
Все это означает, что html-файлы, которые <require>
css-файла будут использовать только css-loader
. И, насколько я понимаю, css-loader
вообще не вводит CSS в страницу. Как минимум, style-loader
потребуется для добавления CSS в HTML-файл.
И все же, когда я <require>
CSS-файл, он работает точно так, как ожидалось.
Может кто-нибудь объяснить, почему это так?