Webpack - в чем различия между пакетом CSS для разработки и разработки

Question

Когда вы компилируете с веб-пакетом, в чем разница между CSS для производственного и разрабатываемого типа?

Я заметил, что кажется, что таблица стилей prod учитывает весь сайт, однако режим dev, похоже, учитываетучитывайте только страницу, связанную с разработкой.

Следовательно, при переходе в режим prod'mode могут возникать некоторые несоответствия, может быть, есть другие отличия, которые стоит знать?

Любой намек был бы полезен,спасибо

Answer 1

Сами по себе различия заключаются в следующем (все из их документации), поэтому, вероятно, это больше связано с конкретной конфигурацией, которая была включена в рассматриваемой кодовой базе (а именно, какие плагины, загрузчики, devtools и т. Д. реализовано в каждой среде):

webpack --mode=development

Устанавливает process.env.NODE_ENV в DefinePlugin в значение development. Включает NamedChunksPlugin и NamedModulesPlugin.

webpack --mode=production

Устанавливает process.env.NODE_ENV в DefinePlugin в значение production. Включает FlagDependencyUsagePlugin, FlagIncludedChunksPlugin, ModuleConcatenationPlugin, NoEmitOnErrorsPlugin, OccurrenceOrderPlugin, SideEffectsFlagPlugin и TerserPlugin.