我开始为使用Laravel，Vuejs和刀片模板引擎开发应用程序。
首先，我是Vuejs世界的新人，也许是一个简单的任务，但我没有在任何讨论中找到答案。
其核心思想是使用.blade页面，并且当我需要vuejs组件时，将它们添加到使用props数组传递服务器数据的页面中。一切都很好，但在玩了一下之后，我发现了一个可能的问题。
在laravel的文档中，我们注册了组件，或者是app.js中的任何Vue设置：然后，使用laravel mix，我们将所有代码（例如import，require，不同的js页面）绑定到单个文件中，最后我们用脚本标记在页面中加载“app。[hash] .js”。我注意到，即使只使用一些vue组件，app.js的增长速度也非常快（当然，我们会将每个组件都导入到一个文件中），甚至可以以组合方式导入组件，而不是全局设置它们。
我的问题是：在一个单一文件（具有大文件）中是否正常绑定所有js代码，或者是否有一种方法只有在将它们添加到.blade文件中时才导入vue组件，也许有某种webpack（laravel mix）设置？仅在添加到刀片式页面时导入Vue组件
在此先感谢您的支持。
找到解决方案发布问题后：
马辛和GoogleMac的答案可能都是正确的，但我发现了大约一个有趣的话题，我倒是想分享的人可以有我的问题。我建议看看这个链接https://alexjoverm.github.io/2017/07/16/Lazy-load-in-Vue-using-Webpack-s-code-splitting/，他们在那里谈论代码分割。 我认为这可能是最好的方法，主要是因为即使在vue的文档谈论（详细在这里https://vuejs.org/v2/guide/components.html#Async-Components）。 我的坏事没有检查详细的文件。