Webpack v4, извлечено приложение create-реагировать. Как настроить авторефиксер? - PullRequest
Новая
       85

Webpack v4, извлечено приложение create-реагировать. Как настроить авторефиксер?

0 голосов
/ 14 января 2019

Я в рассоле. Я использовал приложение create-реакции-приложение (v2), извлек его и построил структуру своего проекта в соответствии с 

projectDir > src > pages > page > page.js || page.css

и у меня несколько страниц.

Я пытался настроить webpack с помощью postcss и autoprefixer, но нет ничего отдаленно напоминающего то, что у меня есть для моего webpack.config.dev.js. Вот часть моего веб-пакета, в которой есть postcss с автоматическим префиксом: 

const getStyleLoaders = (cssOptions, preProcessor) => {
  const loaders = [
    require.resolve('style-loader'),
    {
      loader: require.resolve('css-loader'),
      options: cssOptions,
    },
    {
      // Options for PostCSS as we reference these options twice
      // Adds vendor prefixing based on your specified browser support in
      // package.json
      loader: require.resolve('postcss-loader'),
      options: {
        // Necessary for external CSS imports to work
        // https://github.com/facebook/create-react-app/issues/2677
        ident: 'postcss',
        plugins: () => [
          require('postcss-flexbugs-fixes'),
          require('postcss-preset-env')({
            autoprefixer: {
              flexbox: 'no-2009',
            },
            stage: 3,
          }),
        ],
      },
    },
  ];
  if (preProcessor) {
    loaders.push(require.resolve(preProcessor));
  }
  return loaders;
};

Это базовый после того, как я извлек приложение. Кроме того, я добавил postcss.config.js в свой корневой каталог, но не знаю, где его импортировать. 

module.exports = {
    plugins: [
        require('autoprefixer')
    ],
};

У кого-нибудь есть какие-либо советы о том, как сделать так, чтобы автоматический префикс работал с этим?

1 Ответ

0 голосов
/ 14 января 2019

CRA использует автоматический префикс из коробки

...