При использовании webpack [request] волшебный комментарий объединяет динамические модули в один - PullRequest
Новая
       6

При использовании webpack [request] волшебный комментарий объединяет динамические модули в один

0 голосов
/ 04 февраля 2019 
import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
{
  path: '/home',
  name: 'home',
  component: () => import(  /* webpackChunkName: "[request]" */
    `@/views/Home.vue`)
},
{
  path: '/about',
  name: 'about',
  component: () => import(  /* webpackChunkName: "[request]" */
    `@/views/About.vue`)



}
  ]
})

Ожидаемый результат, помещенный в блоки.запрос]работает, это также работает нормально, когда я опускаю [запрос], но мои пакеты сложно управлять и отлаживать без собственных имен

Ответы [ 2 ]

0 голосов
/ 13 февраля 2019

Если вы просто ищете собственные имена, используйте имя компонента вместо [request] в качестве имени чанка. 

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/home',
      name: 'home',
      component: () => import(  /* webpackChunkName: "Home" */ `@/views/Home.vue`)
    },
    {
      path: '/about',
      name: 'about',
      component: () => import(  /* webpackChunkName: "About" */ `@/views/About.vue`)
    }
  ]
});

Заполнитель [request] предназначен для импорта файлов на основе условий.Предположим, у вас есть несколько локалей следующим образом. 

> locales/en.js
> locales/bn.js

Затем вы собираетесь импортировать один из них в соответствии с предпочтениями пользователя.Затем вы импортируете его следующим образом: 

const lang = "en";
import(/* webpackChunkName: "[request]" */ `./locales/${lang}`).then(lang_module => {
    // do something with english locale
});

Когда веб-пакет создает их, он сохраняет обе локали как их исходные имена файлов.Вы также можете использовать locale-[request], чтобы сохранить их как locale-en и locale-bn соответственно.

Но когда вы точно знаете, какой файл вы собираетесь импортировать, зачем использовать [request]?Просто используйте имя, которое вы уже знаете.См. волшебные комментарии для получения дополнительной информации.

0 голосов
/ 12 февраля 2019

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

...