Webpack - окно не определено при использовании splitChunks - PullRequest
Новая
       14

Webpack - окно не определено при использовании splitChunks

0 голосов
/ 14 октября 2019

Я создаю библиотеку компонентов в ReactJS. Библиотека состоит из нескольких компонентов, и я использую несколько записей.

Я использую mini-css-extract-plugin для извлечения CSS. Используя этот плагин, я получаю несколько файлов CSS. Я хочу удалить код из всех этих сгенерированных файлов CSS и объединить их в один файл CSS.

Когда я использовал приведенную ниже конфигурацию - 

splitChunks: {
      cacheGroups: {
        styles: {
          name: "styles",
          test: /\.css$/,
          chunks: "all",
          enforce: true
        }
      }
    }

Я вижу все файлы CSSобъединен в один, но эта конфигурация добавляет следующее в мой компонент JS - 

var c=window.webpackJsonp=window.webpackJsonp||[]

Поскольку я хочу запустить свои компоненты на Node JS или в SSR, он не найдет объект window. Все хорошо, но эта window ошибка объекта при добавлении библиотеки в мое потребительское приложение.

Вот моя конфигурация Webpack для справки.

https://gist.github.com/kalpeshsingh/d7d305b620c1a671d3f9f037c7656284

Myцель -

  • Извлечь весь CSS из компонентов
  • Разрушить и минимизировать их
  • Объединить их в один

ПохожеМне нужно изучить другие методы для объединения нескольких извлеченных файлов CSS, если splitChunks не вариант.

...