Question

我的应用程序有一个很大的app.js（6k行，9MB），为了提高效率，需要对其进行拆分，并在需要的位置和时间将其装入较小的块中。我试图做的是仅在使用第一个页面中设置的组件的某些页面上加载第二个.js文件。例如：

<script src="/js/app.js?id=0ee4f7c5f4eaacfc778c"></script>
<script src="/js/sponsor.js?id=0ee4f7c5f4eaacfc778c"></script>

webpack.mix.js

mix.js('resources/assets/js/app.js', 'public/js')
   .js('resources/assets/js/sponsor.js', 'public/js')
   .sass('resources/assets/sass/app.scss', 'public/css')
   .version()
   .sourceMaps();

使用这种方法sponsor.js长约600行（即使我的组件只有约100行），并且其中有500行似乎是一堆webpack自动加载代码。从技术上讲，此代码已经存在于开头的app.js中。 如何在不重复Webpack自动加载的情况下为应用的不同部分创建单独的Vue组件捆绑？

自动加载通过Webpack生成的文件之间重复的代码

0 个答案: