Comments 14
В вебпаке динамический импорт сейчас это одна из ключевых фич которую используют практически все для разделения кода на чанки. В этом собственно и заключается основная функциональность данного конструкции.
ага, от того ещё более странно что в одной из последних версий вебпака его сломали и до сих пор не починили
У мен я сейчас такой по версиям в одном из проектов стек (начал н этой недели с нуля) чанки работют как положено. Но правда я с плагинами это делаю.
"@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"
А что конкретно сломали, можно ссылку на issue?
Пока в FF javascript.options.dynamicImport не будет включен по-умолчанию, нативно использовать динамический импорт рановато.
Кстати, подскажите, как дела обстоят с этим в IE или Edge? Или что там в Windows используется.
Кстати, подскажите, как дела обстоят с этим в IE или Edge? Или что там в Windows используется.
В Edge и Safari эта фича уже давно поддерживается и работает — больше двух лет как — см. https://habr.com/ru/company/tuturu/blog/326716/ — как собственно и с множеством современных ES-фичей, которые в Edge поступают раньше, чем в хром
Начиная с 67 версии FF поддерживает динамический импорт по умолчанию.
Не уверен что использовать нативно вообще перспективная идея. Это немного напоминает requirejs Сначала все ображдовались что можно импортировать зависимости а не прописывать все в тэгах script. Потом оказалось что загрузка сотен мелких модулей это очень долго и стали все rj-иксить в один огромный файл. Потом и это оказалось ужасно т.к. долго. И тут пришли чанки которые регулируются как раз динамическим импортом.
Google Chrome с 63 версии уже поддерживает эту возможность
А Edge и Safari поддерживают эту фичу уже два года — https://habr.com/ru/company/tuturu/blog/326716/. Оперативно, может еще через десяток лет хром наконец-то оптимизирует потребление памяти до уровня Edge
Sign up to leave a comment.
Динамический импорт в JavaScript