CSS в записи конфигурации веб-пакета против импорта в файл JavaScript

Question

Я видел много людей, импортирующих их main.css файл в их main.js файл, но мне кажется, что это неправильно. Почему я хочу, чтобы мой JavaScript знал или заботился о CSS? Что плохого в том, чтобы включить его в конфигурационную запись веб-пакета?

Вот так:

module.exports = {
  ...

  entry: {
    main: ['src/main.js', 'src/main.css']
  },

  ...
};

Answer 1

Одним из отличных вариантов использования является использование модулей CSS, чтобы охватить ваш CSS и предотвратить его утечку.

Всякий раз, когда вы импортируете css внутри вашего js файл, вы получите объект сопоставления между вашими селекторами сгенерированных уникальных селекторов.

Это можно сделать с помощью css-loader.