Как настроить Webpack 4 для React? - PullRequest
Новая
       98

Как настроить Webpack 4 для React?

0 голосов
/ 28 мая 2020

У меня такой конфиг. Я использую "style-loader": "^ 1.2.1"

Но получаю ошибку, когда пытаюсь создать приложение:

. / Src / App. css "ReferenceError: документ не определено "

Я использую style-loader, потому что хочу вставить свои стили в Shadow Root Element. 

const getStyleLoaders = (cssOptions, preProcessor) => {
  const loaders = [
    isEnvDevelopment && require.resolve('style-loader'),
    isEnvProduction && {
      loader: MiniCssExtractPlugin.loader,
      ptions: paths.publicUrlOrPath.startsWith('.') ? {
        publicPath: '../../'
      } : {},
    },
    // I added this
    {
      loader: 'style-loader',
      options: {
        insert: 'root',
      },
    },
    //
    {
      loader: require.resolve('css-loader'),
      options: cssOptions,
    },
    {
      loader: require.resolve('postcss-loader'),
      options: {
        ident: 'postcss',
        plugins: () => [
          require('postcss-flexbugs-fixes'),
          require('postcss-preset-env')({
            autoprefixer: {
              flexbox: 'no-2009',
            },
            stage: 3,
          }),
          postcssNormalize(),
        ],
        sourceMap: isEnvProduction && shouldUseSourceMap,
      },
    },
  ].filter(Boolean);
  if (preProcessor) {
    loaders.push({
      loader: require.resolve('resolve-url-loader'),
      options: {
        sourceMap: isEnvProduction && shouldUseSourceMap,
      },
    }, {
      loader: require.resolve(preProcessor),
      options: {
        sourceMap: true,
      },
    });
  }
  return loaders;
};
...