Телеграмм чат группы webpack

Size: a a a

Webpack — русскоговорящее сообщество

2019 April 23

Piu Piu in Webpack — русскоговорящее сообщество

Привет всем!
https://webpack.js.org/guides/code-splitting/#dynamic-imports
https://github.com/webpack-contrib/mini-css-extract-plugin#extracting-css-based-on-entry
Как заиметь code splitting в js и одновременно собирать css модули по entry поинтам?

источник

16:05пожаловаться

Piu Piu in Webpack — русскоговорящее сообщество

Выше перечисленные ссылки противоречат друг другу в плане optimization.splitChunks

источник

16:06пожаловаться

Pavel Durov in Webpack — русскоговорящее сообщество

Всем хай
никто не подскажет - откуда переменная global берется в корневом index.js если в конфиге никакого определения нету?

источник

17:15пожаловаться

Артур in Webpack — русскоговорящее сообщество

Посмотри как модули работают

источник

17:24пожаловаться

Alexander in Webpack — русскоговорящее сообщество

Привет, товарищи. Как с помощью webpack можно игнорить некоторые импорты при сборке проекта?

К примеру,

process.env.REACT_APP_PRODUCT = product1

В index.js есть 2 импорта:
import product1 from './product1_folder

import product2 from './product2_folder

Вот импорт product2 хотелось бы игнорить. Динамический импорт не подоходит, т.к. он импортит в рантайме

источник

18:20пожаловаться

Roman Usherenko in Webpack — русскоговорящее сообщество

Alexander

Привет, товарищи. Как с помощью webpack можно игнорить некоторые импорты при сборке проекта?

К примеру,

process.env.REACT_APP_PRODUCT = product1

В index.js есть 2 импорта:
import product1 from './product1_folder

import product2 from './product2_folder

Вот импорт product2 хотелось бы игнорить. Динамический импорт не подоходит, т.к. он импортит в рантайме

https://webpack.js.org/plugins/ignore-plugin/

webpack

IgnorePlugin | webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

источник

18:28пожаловаться

🦜

🦜 in Webpack — русскоговорящее сообщество

Js вроде как не умеет в esm condition import

источник

19:16пожаловаться

🦜

🦜 in Webpack — русскоговорящее сообщество

А так ты мог бы просто но условиях разрулить т.к вебпак понимает, что нужно удалить из бандла если пишешь типо

источник

19:16пожаловаться

Шепс in Webpack — русскоговорящее сообщество

Добавили проблему на стаковерфлоу, так и не решилась. Если кто еще сможет помочь советом - будем очень признательны! https://stackoverflow.com/questions/55809739/webpack-3-module-not-found-error-cant-resolve?noredirect=1#comment98289940_55809739

Stack Overflow

Webpack 3 - Module not found: Error: Can't resolve ' '

After updating to a new webpack (from 1 to 3), the following error occurs with all aliases (with webpack --display-error-details:

ERROR in ./app/components/Units/Material/_/Views/index.css
Module ...

источник

19:16пожаловаться

🦜

🦜 in Webpack — русскоговорящее сообщество

If !production
U code

источник

19:17пожаловаться

🦜

🦜 in Webpack — русскоговорящее сообщество

Шепс

Stack Overflow

Webpack 3 - Module not found: Error: Can't resolve ' '

Это sass ?

источник

19:18пожаловаться

Шепс in Webpack — русскоговорящее сообщество

🦜

Это sass ?

ага, ну с этим проблем нет, проблема уже на этапе импорта css возникает (у нас и sass и css)

источник

19:19пожаловаться

🦜

🦜 in Webpack — русскоговорящее сообщество

Шепс

ага, ну с этим проблем нет, проблема уже на этапе импорта css возникает (у нас и sass и css)

У сасс лоадера есть includes Paths?

источник

19:22пожаловаться

🦜

🦜 in Webpack — русскоговорящее сообщество

Как-то так опция называется

источник

19:23пожаловаться

Шепс in Webpack — русскоговорящее сообщество

проблема возникает с css модулями, с sass ошибок не вижу (либо не доходит либо всё норм, не знаю если честно)

источник

19:23пожаловаться

Шепс in Webpack — русскоговорящее сообщество

🦜

У сасс лоадера есть includes Paths?

{
      test: /\.css$/,
      use: {
        loader: 'css-loader',
        options: {
          modules: true,
          localIdentName: config.get('classnames:production')
        }
      }
    }

у нас идентичный код для css и sass в принципе, различия только в лоудере

источник

19:24пожаловаться

🦜

🦜 in Webpack — русскоговорящее сообщество

Шепс

проблема возникает с css модулями, с sass ошибок не вижу (либо не доходит либо всё норм, не знаю если честно)

Кароче добавь в сасс эту опцию и путь пропиши

источник

19:24пожаловаться

Шепс in Webpack — русскоговорящее сообщество

🦜