laravel + vue laravel-mix 路由懒加载问题

我用路由懒加载打包出来的文件大小 总感觉怪怪的 明明没有写那么多的内容 怎么这么大 而且 它打包出来的大小 神奇的 基本上是以由大到小的顺序打包 就是说 文件到后面打包 越打包 越小

而且懒加载打包出来的所有文件 比没有用懒加载打包出来的文件大很多

图片描述

以下是 webpack.mix.js 的代码

mix.js('resources/assets/js/app.js', 'public/js')
  .js('resources/assets/js/index.js', 'public/js') // 与app.js有冲突但必须保留
  .extract(['vue', 'vue-router', 'axios','mint-ui','vue-preview'])
  .sass('resources/assets/sass/app.scss', 'public/css')
mix.webpackConfig({
  output: {
    publicPath: '/',
    chunkFilename: 'js/lazy/[name].[chunkhash].js'
  },
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.common.js' // 用 webpack 1 时需用 'vue/dist/vue.common.js'
    }
  },
  module: {
    rules: [{
      test: /vue-preview.src.*?js$/,
      loader: 'babel'
    }]
  }
})
阅读 3.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题