时间戳

首页 > 解决方案 > Nuxt：如何显式命名 JS 块？

vue.js - Nuxt：如何显式命名 JS 块？

问题描述

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

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

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

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

但是Nuxt没有考虑我的块名称并继续给块随机名称，这使得很难挑出哪个块与哪个路由匹配。

有什么建议吗？

标签： vue.jsnuxt.js

解决方案

如果您希望能够按名称识别块，Nuxt 实际上有一个内置机制，使用filename构建配置的属性。

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

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

确实存在一些其他选项，请参阅文档。

推荐阅读