Nuxt JS Изменяет имена файлов активов в рабочей среде - PullRequest
Новая
       5

Nuxt JS Изменяет имена файлов активов в рабочей среде

1 голос
/ 01 марта 2020

Я новичок в VueJS, Nuxt JS, Webpack. В настоящее время используется Nuxt JS для сайта stati c, до сих пор все хорошо. Единственное, что меня беспокоит, так это то, что имена файлов - это папка активов, которая после компиляции меняется на ха-1018 *. Например: 

~/assets/images/image.png

Меняется на: 

/_nuxt/img/1e88315.png

В любом случае мы можем использовать одно и то же имя или имя изображения с ha sh, например: /_nuxt/img/image-1e88315.png

Кроме того, в любом случае мы можем изменить _nuxt имя папки на что-то еще?

Спасибо!

1 Ответ

1 голос
/ 02 марта 2020

Вы можете изменить это в 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]'
    }
}
...