Question

我正在使用 vuejs webpack模板。在这个我试图实现延迟加载。为此，我写了以下路线 -

const Setting = resolve => {
    require.ensure(['./components/setting/Setting.vue'], () => {
        resolve(require('./components/setting/Setting.vue'));
    }, 'setting');
};

在npm run build命令上，按预期生成0.build.js文件。但是，我想生成名为chunk文件的setting.build.js和其他模块，如other1.build.js，other2.build.js等。

有人可以帮我为每个模块生成命名的块文件吗？

Answer 1

我们可以通过在webpack.config.js中使用以下来实现这一点 -

  output: {
    ....
    chunkFilename: '[name].chunk.js',
    ....
  },

chunkFilename: '[name].chunk.js'使用setting.chunk.js和other1.chunk.js以及other2.chunk.js等生成文件

chunkFilename: '[id].chunk.js'使用0.chunk.js和1.chunk.js生成文件

VueJS延迟加载路由的命名Chunk构建文件

1 个答案: