perf(webpack): Improve webpack-dev-server configuration

ChinW · Mar 15, 2017 · f366e90 · f366e90
1 parent 1518f92
commit f366e90
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/src/library.ts b/src/library.ts
diff --git a/src/template/common.html → template/common.html b/src/template/common.html → template/common.html
diff --git a/webpack.config.ts b/webpack.config.ts
@@ -12,25 +12,23 @@ const dev = !(env && env === 'production')
 const libraryName = '--libraryname--'
 const plugins = [
   new CheckerPlugin(),
-  new webpack.HotModuleReplacementPlugin(),
   new TsConfigPathsPlugin(),
   new HtmlWebpackPlugin({
     inject: true,
     title: libraryName,
     filename: 'index.html',
-    template: join(__dirname, 'src/template/common.html'),
+    template: join(__dirname, 'template/common.html'),
     hash: true,
     chunks: ['common', 'index']
   })
 ]
+
 let entry: string | string[] = [
   // 'react-hot-loader/patch',
   'webpack-dev-server/client?http://localhost:8081',
-  // bundle the client for webpack-dev-servers
-  // and connect to the provided endpoint
+  // bundle the client for webpack-dev-servers and connect to the provided endpoint
   'webpack/hot/only-dev-server',
   // bundle the client for hot reloading
-  // only- means to only hot reload for successful updates
   `./src/${libraryName}.ts`
 ]
 
@@ -45,6 +43,8 @@ if (dev === false) {
     'src'
   ))
   entry = join(__dirname, `src/${libraryName}.ts`)
+} else {
+  plugins.push(new webpack.HotModuleReplacementPlugin())
 }
 
 export default {