对于仅在几页上使用vue的项目，使用laravel mix拆分代码

Question

我目前正在为一个项目进行前端优化，而我一直坚持进行代码拆分。

基本上，我想要实现的是拆分代码和供应商，并仅在需要时加载特定的代码。

当前，我使用默认的混合设置，所有依赖项都导入到app.js中。因此，我需要在每个页面上都包含app.js，这效率很低，因为在我的项目中，大多数页面都不使用vue，并且在一些使用vue的页面上使用了一些REAL大的vue插件。

例如，假设我有两个页面：/home和/orders。我不想在每个页面上加载app.js，而是希望拥有：

/home（大多数页面看起来像这样）

• vendor.js：jquery +引导程序+ jquery插件
• home.js：在页面上初始化一些jquery插件（例如轮播）

/orders

• vendor.js
• vue.js：我想提取vue，因为我有多个入口点
• order-index.js：注册特定于页面的vue组件并创建vue实例

// order-index.js

Vue.component('order-index', require('./components/OrderIndex.vue'));

const app = new Vue({
  el: '#app'
});

如何使用laravel-mix实现这一目标？还是你们有更好的建议？

谢谢！