Vue.js NuxtJS在生产环境中更改资产文件名

我是VueJS、NuxtJS和Webpack的新手。目前在静态站点上使用NuxtJS，到目前为止还不错。唯一让我担心的是，文件名是assets文件夹在构建后被更改为一些散列。例如：

~/assets/images/image.png

更改：

/_nuxt/img/1e88315.png

不管怎样，我们都可以使用相同的图像名称或具有哈希的图像名称，如：

/\u numxt/img/image-1e88315.png

另外，我们是否可以将他们的文件夹名更改为其他名称

---

谢谢

您可以通过文件名选项在nuxt.config.js中更改此选项

默认情况下，它是：

{
  app: ({ isDev }) => isDev ? '[name].js' : '[contenthash].js',
  chunk: ({ isDev }) => isDev ? '[name].js' : '[contenthash].js',
  css: ({ isDev }) => isDev ? '[name].css' : '[contenthash].css',
  img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[contenthash:7].[ext]',
  font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[contenthash:7].[ext]',
  video: ({ isDev }) => isDev ? '[path][name].[ext]' : 'videos/[contenthash:7].[ext]'
}

文件：

因此，在您的情况下，它将是（如果您想在生产中保留名称）：

build: {
    filenames: {
      img: 'img/[name]-[contenthash:7].[ext]'
    }
}