Каков наилучший способ обработки стилей с помощью веб-пакета (Dev-Production)?
Я работал над проектом, который использует AdminLTE, который имеет несколько файлов.less. У меня есть файл с именем styles.cs, который импортирует каждый файл.less из библиотеки и другие стили из других пакетов.
Я также использую Webpack 4 с двумя средами (разработка и производство)
Для режима разработки я использую style-loader для загрузки своих стилей, с помощью этого я могу импортировать стили, просто добавив файл styles.js в свой HTML-код в качестве внешнего ресурса.
У меня также есть режим производства, в котором используется плагин webpack под названием "mini-css-extract-plugin", который похож на хорошо известный плагин "extract-text-webpack-plugin". Плагин извлекает каждый стиль в один файл, который может быть назван как styles.css. Так что в моем HTML я могу добавить его как внешний ресурс.
Проблема, с которой я сталкиваюсь, заключается в том, что я добавляю.css в производственном режиме и.js в режиме разработки.
Я делаю что-то неправильно? Каков наилучший способ обработки стилей с помощью веб-пакета, если мне нужно включить стили из разных источников?