Динамический импорт в JavaScript

[apapacy]

В вебпаке динамический импорт сейчас это одна из ключевых фич которую используют практически все для разделения кода на чанки. В этом собственно и заключается основная функциональность данного конструкции.

[dsrk_dev]

ага, от того ещё более странно что в одной из последних версий вебпака его сломали и до сих пор не починили

[apapacy]

У мен я сейчас такой по версиям в одном из проектов стек (начал н этой недели с нуля) чанки работют как положено. Но правда я с плагинами это делаю.

"@babel/core": "^7.4.5",
"@babel/plugin-proposal-class-properties": "^7.4.4",
"@babel/plugin-proposal-decorators": "^7.4.4",
"@babel/plugin-transform-modules-commonjs": "^7.4.4",
"@babel/plugin-transform-runtime": "^7.4.4",
"@babel/preset-env": "^7.4.5",
"@babel/preset-react": "^7.0.0",
"@riotjs/compiler": "^4.2.4",
"@riotjs/hot-reload": "^4.0.0",
"@riotjs/webpack-loader": "^4.0.0",
«babel-plugin-dynamic-import-node»: "^2.2.0",
«babel-plugin-syntax-dynamic-import»: "^6.18.0",
«babel-plugin-transform-decorators-legacy»: "^1.3.5",
«fast-async»: "^6.3.8",
«react-hot-loader»: "^4.9.0",
«webpack»: "^4.32.2",
«webpack-cli»: "^3.3.2",
«webpack-dev-middleware»: "^3.7.0",
«webpack-hot-middleware»: "^2.25.0"

[dsrk_dev]

не туда

[Odrin]

А что конкретно сломали, можно ссылку на issue?

[dsrk_dev]

github.com/webpack/webpack/issues/8656

[Odrin]

Ну и как бы ошибка в npm, а не webpack.

[helgihabr]

Пока в FF javascript.options.dynamicImport не будет включен по-умолчанию, нативно использовать динамический импорт рановато.
Кстати, подскажите, как дела обстоят с этим в IE или Edge? Или что там в Windows используется.

[ihost]

В Edge и Safari эта фича уже давно поддерживается и работает — больше двух лет как — см. https://habr.com/ru/company/tuturu/blog/326716/ — как собственно и с множеством современных ES-фичей, которые в Edge поступают раньше, чем в хром

[MikeLP]

Начиная с 67 версии FF поддерживает динамический импорт по умолчанию.

[helgihabr]

Хм, действительно, так. Спасибо.

FF 67+

From version 66 until version 67 (exclusive): this feature is behind the javascript.options.dynamicImport preference (needs to be set to true). To change preferences in Firefox, visit about:config.

[apapacy]

Не уверен что использовать нативно вообще перспективная идея. Это немного напоминает requirejs Сначала все ображдовались что можно импортировать зависимости а не прописывать все в тэгах script. Потом оказалось что загрузка сотен мелких модулей это очень долго и стали все rj-иксить в один огромный файл. Потом и это оказалось ужасно т.к. долго. И тут пришли чанки которые регулируются как раз динамическим импортом.

[ihost]

Google Chrome с 63 версии уже поддерживает эту возможность

А Edge и Safari поддерживают эту фичу уже два года — https://habr.com/ru/company/tuturu/blog/326716/. Оперативно, может еще через десяток лет хром наконец-то оптимизирует потребление памяти до уровня Edge

[justboris]

Скорее наоборот, ведь Edge же переходит на Chromium