Я ищу, чтобы попробовать lazy loading с webpack
. Я разделил мое приложение на маршрутах, и каждый маршрут требуется компонент:Lazy Loading Vue Components with Webpack 2
const Home = resolve => {
require.ensure([ "../components/Home/Home.vue" ],() => {
resolve(require("../components/Home/Home.vue"));
});
};
я получил куски в отдельных папках каждый раз, когда я иду в другой маршрут: bundle1.js, bundle2.js, bundle3.js
ОНом для каждого компонента в маршрутах.
Теперь я не знаю, как я могу загрузить только пакет, который мне нужен для этого маршрута? Если я поставлю bundle.js
в index.html, он загрузит весь комплект, но я просто хочу загрузить единственный пакет, который мне нужен для этого маршрута?
<body>
<div id="app"></div>
<!-- how to auto inject build files here?? -->
</body>
Существует раздел для Lazy Loading для компонентов Vue. Я сделал это, и я получаю куски файлов пакетов. Но я не знаю, как правильно включить их и загрузить его.
Любая помощь ценится. Благодаря
вы используете вю-Cli с WebPack? – wong2
Нет, я хочу настроить проект самостоятельно. – Klark