Запутывающее правило веб-пакета после `au new` с помощью Aurelia CLI - PullRequest
0 голосов
/ 08 июля 2019

Я пытаюсь понять, что происходит с магией, которая нарушает мое понимание веб-пакета.

Воспроизвести:

  1. `au new -u -s http2, dotnet-core, typcript, 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' },
];

Все это означает, что html-файлы, которые <require> css-файла будут использовать только css-loader. И, насколько я понимаю, css-loader вообще не вводит CSS в страницу. Как минимум, style-loader потребуется для добавления CSS в HTML-файл.

И все же, когда я <require> CSS-файл, он работает точно так, как ожидалось.

Может кто-нибудь объяснить, почему это так?

1 Ответ

0 голосов
/ 08 июля 2019

Конечно, я просто наткнулся на ответ на свой вопрос. Может быть, это поможет кому-то еще ...

С https://github.com/jods4/aurelia-webpack-build/wiki/CSS-doesn't-load:

С Аурелией в поле зрения. В этом случае Aurelia уже предоставляет функцию для вставки CSS в DOM и ожидает только код CSS. Вам нужен только css-загрузчик.

...