потянул одну ниточку)

Да иногда вообще бывает ощущение, что проще форкнуть

Это повезло прям

Ребят, всем привет!

2 дня в вебпаке, пытаюсь тут переехать на своем проекте с первой версии.
Вы не могли бы, пожалуйста, подсказать, как будет правильно синтаксически переписать лоудер цсс с точно таким же функционалом?
У меня в настоящий момент следующий код:

{
      test: /\.css$/,
      loader: ExtractTextPlugin.extract('style', `css?module&localIdentName=${config.get('classnames:production')}&-minimize!postcss`)
    }

переписал его в это

{
      test: /\.css$/,
      use: ExtractTextPlugin.extract({
        use: 'css-loader',
        fallback: 'style-loader',
        localIdentName: config.get('classnames:production')
      })
    }

 но мне не совсем понятна, что это за строки css?module и minimize!postcss, более того, я не уверен что правильно написал localIdentName
вы не могли, пожалуйста, мне помочь советом, всё плохо гуглилтся...

{
      test: /\.css$/,
      loader: ExtractTextPlugin.extract('style', `css?module&localIdentName=${config.get('classnames:production')}&-minimize!postcss`)
    }

{
      test: /\.css$/,
      use: ExtractTextPlugin.extract({
        use: 'css-loader',
        fallback: 'style-loader',
        localIdentName: config.get('classnames:production')
      })
    }

это ключ и значение для options в лоадерах

Есть ли англ. сообщество по вебпаку в дискорде, например? Плохо гуглится

{
     test: /\.css$/,
     use: ExtractTextPlugin.extract({
       use: 'css-loader',
       fallback: 'style-loader',
       options: {
         minimize: true,
         localIdentName: config.get('classnames:production')
       }      
     })
   }
вот так?

тебе нужно для конкретного лоадера задать

ну я же в рамках css-loader в options пишу, это как для конкретного лоадера?...

Use может принимать объект

options should NOT have additional properties

при
{
     test: /\.css$/,
     use: {
       loader: 'css-loader',
       options: {
         modules: true,
         minimize: true,
         localIdentName: config.get('classnames:production')
       }
     }
   }
ну думаю это связано с версией лоудера слишком старой или новой для моего конфига, но это уже гуглимо думаю, спасибо

Да, minimize только для первой версии

Вообще можно убрать эту строку?
Или она по другому в новой версии пишется просто?
подскажи плиз

Убрать. Во второй версии выпилили

Спасибо, дружище

Кто-нибудь сталкивался с данной проблемой?
webpack 4, babel 7
Вставляется такой код

(function () {
  var React = __webpack_require__(/! react / "./node_modules/react/index.js");

  var canUseDom = !!(typeof window !== 'undefined' && window.document && window.document.createElement);

  if (canUseDom) {
    var target = document.querySelector("#main");

    var ReactDOM = __webpack_require__(/! react-dom / "./node_modules/react-dom/index.js");

    ReactDOM.render(React.createElement(exports["default"]), target);
  } else {
    var RDS = __webpack_require__(/! react-dom/server / "./node_modules/react-dom/server.browser.js");

    exports["default"] = RDS.renderToStaticMarkup(React.createElement(exports["default"]));
  }
})();

И ругается, что exports is not defined

Ребят, я импортирую переменные для файлов стиля из корневой папки config в каждый файл стиля внутри моих компонентов. Чтобы не писать каждый раз пути, естественно я решил добавить алиас в вебпаке. Только он почему то не хочет работать, может быть я что-то не так делаю, подскажите пожалуйста. вебпак 3

@import 'config/root.css';

- таким образом импортирую

так выглядит конфиг:

module.exports = {
  resolve: {
    alias: {
      config: path.resolve(__dirname, '../app/config')
}}}

ну и собственно ошибка:

ERROR in ./app/components/Units/Material/_/Views/index.css
Module not found: Error: Can't resolve './config/root.css' in ...

(function () {
  var React = __webpack_require__(/! react / "./node_modules/react/index.js");

  var canUseDom = !!(typeof window !== 'undefined' && window.document && window.document.createElement);

  if (canUseDom) {
    var target = document.querySelector("#main");

    var ReactDOM = __webpack_require__(/! react-dom / "./node_modules/react-dom/index.js");

    ReactDOM.render(React.createElement(exports["default"]), target);
  } else {
    var RDS = __webpack_require__(/! react-dom/server / "./node_modules/react-dom/server.browser.js");

    exports["default"] = RDS.renderToStaticMarkup(React.createElement(exports["default"]));
  }
})();

куда вставляется код?

В конец

кем вставляется?