improve webpack chunk namings

nuxt · Aug 16, 2017 · e510136 · e510136
1 parent db19b50
commit e510136
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/lib/builder/webpack/client.config.js b/lib/builder/webpack/client.config.js
@@ -119,10 +119,11 @@ export default function webpackClientConfig () {
     // Add friendly error plugin
     config.plugins.push(new FriendlyErrorsWebpackPlugin())
 
+    // https://webpack.js.org/plugins/named-modules-plugin
+    config.plugins.push(new webpack.NamedModulesPlugin())
+
     // Add HMR support
     config.entry.app = ['webpack-hot-middleware/client?name=$client&reload=true', config.entry.app]
-    config.output.filename = '[name].js'
-    config.output.chunkFilename = '[id].js'
     config.plugins.push(
       new webpack.HotModuleReplacementPlugin(),
       new webpack.NoEmitOnErrorsPlugin()
@@ -143,6 +144,9 @@ export default function webpackClientConfig () {
       })
     )
 
+    // https://webpack.js.org/plugins/hashed-module-ids-plugin
+    config.plugins.push(new webpack.HashedModuleIdsPlugin())
+
     // Webpack Bundle Analyzer
     if (this.options.build.analyze) {
       config.plugins.push(

diff --git a/lib/common/options.js b/lib/common/options.js
@@ -159,9 +159,9 @@ Options.defaults = {
     filenames: {
       css: 'common.[contenthash].css',
       manifest: 'manifest.[hash].js',
-      vendor: 'vendor.bundle.[chunkhash].js',
-      app: 'nuxt.bundle.[chunkhash].js',
-      chunk: '[id].nuxt.bundle.[chunkhash].js'
+      vendor: 'vendor.[chunkhash].js',
+      app: 'app.[chunkhash].js',
+      chunk: '[name].[chunkhash].js'
     },
     vendor: [],
     plugins: [],