Nuxt：如何显式命名 JS 块？

Question

我正在使用Nuxt静态站点生成模式。我的项目中的一项要求是仅部署某些路线，每条路线都有各自的资产。

但Nuxt给块随机名称，例如925446d.js.

因此，我router.js在导入组件时创建了一个手册并指定了块名称：

component: () => import(/* webpackChunkName: "about" */ '~/pages/about.vue').then(m => m.default || m)

但Nuxt不考虑我的块名称，并继续给块随机名称，使得很难选出哪个块与哪条路由相匹配。

有什么建议吗？

Answer 1

如果您希望能够通过名称来识别块，Nuxt 实际上有一个内置机制，可以使用filename构建配置的属性来实现这一点。

您可以在文件中添加以下内容nuxt.config.js：

{
  // ...
  build: { filenames: { chunk: () => '[name].js' } }
}

确实存在一些附加选项，请参阅文档。