Saya baru mengenal VueJS, NuxtJS, Webpack. Saat ini menggunakan NuxtJS untuk situs statis, itu berjalan baik sampai sekarang. Satu-satunya hal yang mengkhawatirkan saya adalah bahwa nama file adalah folder aset berubah menjadi beberapa hash setelah dibuat. Sebagai contoh:

~/assets/images/image.png

Perubahan menjadi:

/_nuxt/img/1e88315.png

Apakah mereka tetap bisa menggunakan nama gambar yang sama atau nama gambar dengan hash seperti: /_nuxt/img/image-1e88315.png

Juga, apakah mereka dapat mengubah nama folder _nuxt menjadi yang lain?

Terima kasih!

1
Rahul Mukati 1 Maret 2020, 09:41

1 menjawab

Jawaban Terbaik

Anda dapat mengubah ini di nuxt.config.js dengan opsi fileNames.

Secara default adalah:

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

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

Jadi dalam kasus Anda adalah (jika Anda ingin menyimpan nama dalam produksi):

build: {
    filenames: {
      img: 'img/[name]-[contenthash:7].[ext]'
    }
}
1
chojnicki 2 Maret 2020, 00:25