В выпуске webpack v2.1.0-beta.28 они добавили (я использую 2.2.0-rc.1):
добавить
import()
как конструкцию разделения кода. Его следует использовать вместоSystem.import
, если возможно. System.import будет устаревшим в выпуск webpack 2 (удален в webpack 3), так как его поведение некорректно согласно спец.
Итак, я преобразовал:
require.ensure(['./hero/homepage'], () => {
require('./hero/homepage')
}, 'hero-homepage')
В:
import('./hero/homepage')
.then(module => module.default)
.catch(err => console.error(`Chunk loading failed, ${err}`))
Но получите: Module build failed: SyntaxError: 'import' and 'export' may only appear at the top level
Есть ли что-то, что я должен добавить в конфигурацию веб-пакета, чтобы разрешить использование импорта там, где они предлагают?
1 ответ
Согласно:
https://twitter.com/addyosmani/status/811958786273333248 и https://twitter.com/usefulthink/status/811958593100587009
Ответ: вам понадобится babel-plugin-dynamic-import-webpack
Похожие вопросы
Связанные вопросы
Новые вопросы
webpack
Webpack — это сборщик модулей. Его основная цель — объединить файлы JavaScript для использования в браузере, но он также может преобразовывать, связывать или упаковывать практически любой ресурс или ресурс. Webpack берет модули с зависимостями и генерирует статические ресурсы, представляющие эти модули. Webpack обеспечивает расширяемость и продвигает лучшие практики веб-архитектуры и производительности.