Определение различных опций для плагинов postcss в зависимости от режима webpack - PullRequest
Новая
       64

Определение различных опций для плагинов postcss в зависимости от режима webpack

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

Я работаю с отдельными конфигурациями веб-пакетов для каждой среды (разработка / производство). Цель состоит в том, чтобы минимизировать мой css-код для производственного режима только с использованием postcss-loader и cssnano. Я знаю, что в readme-файле postcss-loader есть объяснения, как это сделать. -> Я включил соответствующую часть ниже. Но я просто не могу понять, где они определяют реальные параметры для cssnano.

postcss.config.js 

module.exports = ({ file, options, env }) => ({
  parser: file.extname === '.sss' ? 'sugarss' : false,
  plugins: {
    'postcss-import': { root: file.dirname },
    'postcss-preset-env': options['postcss-preset-env'] ? options['postcss-preset-env'] : false,
    'cssnano': env === 'production' ? options.cssnano : false
  }
})

webpack.config.js 

{
  loader: 'postcss-loader',
  options: {
    config: {
      ctx: {
        'postcss-preset-env': {...options},
        cssnano: {...options},
      }
    }
  }
}
...