gpt4 book ai didi

vue.js - NuxtJS 在生产中更改 Assets 文件名

转载 作者:行者123 更新时间:2023-12-05 02:56:29 24 4
gpt4 key购买 nike

我是 VueJS、NuxtJS、Webpack 的新手。目前将 NuxtJS 用于静态站点,到目前为止一切顺利。唯一让我担心的是文件名是 Assets 文件夹在构建后更改为一些哈希。例如:

~/assets/images/image.png

更改为:

/_nuxt/img/1e88315.png

无论如何我们可以使用相同的图像名称或带有哈希的图像名称,例如:/_nuxt/img/image-1e88315.png

此外,我们是否可以将 _nuxt 文件夹名称更改为其他名称?

谢谢!

最佳答案

您可以在 nuxt.config.js 中通过 fileNames 选项更改它。

默认是:

{
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]'
}

文档:https://nuxtjs.org/api/configuration-build/#filenames

所以在您的情况下(如果您想在生产中保留名称):

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

关于vue.js - NuxtJS 在生产中更改 Assets 文件名,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60472642/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com