Как опустить большой объект имен классов CSS из файла пакета JavaScript Webpack? - PullRequest
Новая
       14

Как опустить большой объект имен классов CSS из файла пакета JavaScript Webpack?

0 голосов
/ 27 мая 2019

На самом деле, как и любой учебник для Webpack и извлечения файла CSS с помощью extract-text-plugin или mini-css-extract-plugin, я успешно настраиваю свои файлы конфигурации Webpack.

После истинной конфигурации каждого плагина дляраспаковывая файл CSS, файл CSS или препроцессор должен импортироваться в корневой каталог проекта, если эта строка не импортируется, поэтому Webpack не создает файл CSS.обратите внимание на строку кода ниже: 

import '../styles/main.scss';

или 

import styles from '../styles/main.scss';

После импорта этого файла стиля веб-пакет создает файл CSS.Итак, ПОЧЕМУ ?

И ПОЧЕМУ хранят большой объект с CSS именами классов внутри файла пакета JavaScript?

Я нашел объект вконец связанного файла JavaScript: 

e.exports = {body: "body", "good-bye": "good-bye"}

Теперь посмотрите мой main.scss файл: 

.body {
    color: #fff;
    background: #1d1d1d;
}

.good-bye {
  color: #f00;
}

Для этого примера маленький объект не очень важен, но если проектмасштабирует этот объект должен быть очень большим.

Я использую этот стартовый набор для объединения файлов JavaScript и извлечения CSS файла.

Как можноопустить его из файла пакета?

...