Как настроить SCSS в демоверсии Patternlab с помощью Webpack? - PullRequest
Новая
       47

Как настроить SCSS в демоверсии Patternlab с помощью Webpack?

0 голосов
/ 09 ноября 2018

Попытка реализовать эту настройку Webpack: 'https://github.com/Comcast/patternlab-edition-node-webpack/blob/master/source/_app/samples/scss/webpack.app.js', которая должна обрабатывать изменения SCSS. Однако изменения scss не загружаются при запуске проекта. Мой проект будет сохранять точную структуру, которую предлагает демо-версия усы.

Это изменения, которые я внес в пример source/_app/webpack.app.js:

Первое изменение:

entry: './css/style.scss',

Как видите, в записи я удалил js. Мне просто нужен SCSS.

Второе изменение: 

plugins: [
  new MiniCssExtractPlugin({
  filename: "css/style.css",
  disable: ifDevelopment()
}),
...

Здесь имя файла определяет точку выхода, которая является public / css / style.css. Именно там, где stylekit размещает CSS после сборки.

Все остальное такое же, как в примере.

Ошибка:

  1. Все в ./fonts/ не может быть обработано, даже если они полностью скопированы в webpack.config.babel.js
  2. Даже если я настрою CSS, который ссылается на эти файлы, чтобы они не использовали его, изменения в SCSS по-прежнему не отражаются при запуске приложения.

Из того, что я вижу в html, созданном после сборки, ссылки на css выглядят как <link rel="stylesheet" href="../../css/style.css?1541784087592" media="all" />. Возможно, причина, по которой приложение не загружает мой css, в том, что встроенный css просто style.css вместо style.css?1541784087592. У кого-нибудь есть идеи, как это решить?

...