diff --git a/de/api/configuration-build.md b/de/api/configuration-build.md index 377842fe7..2c6f555fa 100644 --- a/de/api/configuration-build.md +++ b/de/api/configuration-build.md @@ -120,21 +120,22 @@ Using [`extract-css-chunks-webpack-plugin`](https://github.com/faceyspacey/extra ```js { - css: 'common.[contenthash].css', - manifest: 'manifest.[hash].js', - vendor: 'common.[chunkhash].js', - app: 'app.[chunkhash].js', - chunk: '[name].[chunkhash].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]' } ``` This example changes fancy chunk names to numerical ids (`nuxt.config.js`): ```js -module.exports = { +export default { build: { filenames: { - chunk: '[id].[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } diff --git a/en/api/configuration-build.md b/en/api/configuration-build.md index e6d761f9e..3e65877cc 100644 --- a/en/api/configuration-build.md +++ b/en/api/configuration-build.md @@ -249,16 +249,16 @@ export default { - Type: `Object` - Default: -```js -{ - app: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js', - chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js', - css: ({ isDev }) => isDev ? '[name].css' : '[contenthash].css', - img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[hash:7].[ext]', - font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[hash:7].[ext]', - video: ({ isDev }) => isDev ? '[path][name].[ext]' : 'videos/[hash:7].[ext]' -} -``` + ```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]' + } + ``` This example changes fancy chunk names to numerical ids (`nuxt.config.js`): @@ -266,7 +266,7 @@ This example changes fancy chunk names to numerical ids (`nuxt.config.js`): export default { build: { filenames: { - chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } diff --git a/es/api/configuration-build.md b/es/api/configuration-build.md index 9bd1d394d..b67d6727c 100644 --- a/es/api/configuration-build.md +++ b/es/api/configuration-build.md @@ -92,22 +92,26 @@ If you want to see more about our default webpack configuration, take a look at > Customize bundle filenames -Default: -```js -{ - manifest: 'manifest.[hash].js', - vendor: 'vendor.bundle.[hash].js', - app: 'nuxt.bundle.[chunkhash].js' -} -``` +- Default: + + ```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]' + } + ``` + +This example changes fancy chunk names to numerical ids (`nuxt.config.js`): -Example (`nuxt.config.js`): ```js -module.exports = { +export default { build: { filenames: { - vendor: 'vendor.[hash].js', - app: 'app.[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } diff --git a/id/api/configuration-build.md b/id/api/configuration-build.md index 3dfe2caf6..f971607c1 100644 --- a/id/api/configuration-build.md +++ b/id/api/configuration-build.md @@ -121,23 +121,24 @@ Menggunakan [`extract-css-chunks-webpack-plugin`](https://github.com/faceyspacey - Default: - ```js - { - css: 'common.[contenthash].css', - manifest: 'manifest.[hash].js', - vendor: 'common.[chunkhash].js', - app: 'app.[chunkhash].js', - chunk: '[name].[chunkhash].js' - } - ``` + ```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]' + } + ``` Contoh berikut ini mengubah nama-nama chunk menjadi id numerik (`nuxt.config.js`): ```js -module.exports = { +export default { build: { filenames: { - chunk: '[id].[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } diff --git a/ja/api/configuration-build.md b/ja/api/configuration-build.md index 19bb3c38e..2963f96a6 100644 --- a/ja/api/configuration-build.md +++ b/ja/api/configuration-build.md @@ -221,16 +221,16 @@ export default { - 型: `Object` - デフォルト: -```js -{ - app: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js', - chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js', - css: ({ isDev }) => isDev ? '[name].css' : '[contenthash].css', - img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[hash:7].[ext]', - font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[hash:7].[ext]', - video: ({ isDev }) => isDev ? '[path][name].[ext]' : 'videos/[hash:7].[ext]' -} -``` + ```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]' + } + ``` この例ではチャンク名を数値の ID に変更します(`nuxt.config.js`): @@ -238,7 +238,7 @@ export default { export default { build: { filenames: { - chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } diff --git a/ko/api/configuration-build.md b/ko/api/configuration-build.md index bfabd09a2..3abb79e8a 100644 --- a/ko/api/configuration-build.md +++ b/ko/api/configuration-build.md @@ -91,22 +91,26 @@ module.exports = { > 사용자가 정의한 번들 파일이름 -기본값: -```js -{ - manifest: 'manifest.[hash].js', - vendor: 'vendor.bundle.[hash].js', - app: 'nuxt.bundle.[chunkhash].js' -} -``` +- 기본값: + + ```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]' + } + ``` 예제 (`nuxt.config.js`): + ```js -module.exports = { +export default { build: { filenames: { - vendor: 'vendor.[hash].js', - app: 'app.[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } diff --git a/pt-BR/api/configuration-build.md b/pt-BR/api/configuration-build.md index f80f2e67a..d4ad53c00 100644 --- a/pt-BR/api/configuration-build.md +++ b/pt-BR/api/configuration-build.md @@ -115,24 +115,26 @@ CSS inside async components will remain inlined as JavaScript strings and handle > Customize bundle filenames -Default: -```js -{ - css: 'common.[contenthash].css', - manifest: 'manifest.[hash].js', - vendor: 'common.[chunkhash].js', - app: 'app.[chunkhash].js', - chunk: '[name].[chunkhash].js' -} -``` +- Default: + + ```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]' + } + ``` This example changes fancy chunk names to numerical ids (`nuxt.config.js`): ```js -module.exports = { +export default { build: { filenames: { - chunk: '[id].[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } diff --git a/zh/api/configuration-build.md b/zh/api/configuration-build.md index 4799cd181..acd623c5c 100644 --- a/zh/api/configuration-build.md +++ b/zh/api/configuration-build.md @@ -188,17 +188,18 @@ export default { > 自定义打包文件名 -默认值: -```js -{ - app: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js', - chunk: ({ isDev }) => isDev ? '[name].js' : '[chunkhash].js', - css: ({ isDev }) => isDev ? '[name].css' : '[contenthash].css', - img: ({ isDev }) => isDev ? '[path][name].[ext]' : 'img/[hash:7].[ext]', - font: ({ isDev }) => isDev ? '[path][name].[ext]' : 'fonts/[hash:7].[ext]', - video: ({ isDev }) => isDev ? '[path][name].[ext]' : 'videos/[hash:7].[ext]' -} -``` +- 默认值: + + ```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]' + } + ``` 此示例将 chunk 名称更改为数字id (`nuxt.config.js`): @@ -206,11 +207,12 @@ export default { export default { build: { filenames: { - chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[chunkhash].js' + chunk: ({ isDev }) => isDev ? '[name].js' : '[id].[contenthash].js' } } } ``` + 要更多了解使用,可以移步[webpack documentation](https://webpack.js.org/guides/code-splitting-libraries/) ## friendlyErrors