Vue js 通过 Webpack 将包分成几个文件

Question

我可以通过 wabpack 在几个文件上拆分 vue 生成文件吗？我需要使用没有其他组件的登录页面。如果我有这样的结构：

• 组件
  • Login.vue
  • Home.vue
  • 等等

在我想要的构建目录中

• js
  • 捆绑包
  • login_bundle
• css
  • main.css
  • login.css
• index.html
• login.html

webpack 有这方面的能力吗？

Answer 1

尝试急切导入。

const dependency = () => import(
  /* webpackChunkName: "login-chunk" */
  /* webpackMode: "eager" */
  'module in Login.vue'
).then(m => m.default || m);