WooodHead
diff --git a/‎docs/quick/browser.md‎
Lines changed: 26 additions & 14 deletions b/‎docs/quick/browser.md‎
Lines changed: 26 additions & 14 deletions
@@ -65,27 +65,38 @@ cd your-project
  "start": "webpack-dev-server -d --content-base ./public"
  },
  "dependencies": {
- "@types/react": "16.4.2",
- "@types/react-dom": "16.0.6",
- "react": "16.4.1",
- "react-dom": "16.4.1",
- "ts-loader": "4.4.1",
- "typescript": "2.9.2",
- "webpack": "4.12.1",
- "webpack-cli": "3.0.8",
- "webpack-dev-server": "3.1.4"
+ "@types/react": "16.4.10",
+ "@types/react-dom": "16.0.7",
+ "clean-webpack-plugin": "0.1.19",
+ "html-webpack-plugin": "3.2.0",
+ "react": "16.4.2",
+ "react-dom": "16.4.2",
+ "ts-loader": "4.4.2",
+ "typescript": "3.0.1",
+ "webpack": "4.16.5",
+ "webpack-cli": "3.1.0",
+ "webpack-dev-server": "3.1.5"
  }
 }
 ```
 
 * Create a `webpack.config.js` to bundle your modules into a single `app.js` file that contains all your resources:
 
 ```js
+const CleanWebpackPlugin = require('clean-webpack-plugin');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+
 module.exports = {
  entry: './src/app/app.tsx',
+ plugins: [
+ new CleanWebpackPlugin(['public/build']),
+ new HtmlWebpackPlugin({
+ template: 'src/templates/index.html'
+ }),
+ ],
  output: {
  path: __dirname + '/public',
- filename: 'build/app.js'
+ filename: 'build/[name].[contenthash].js'
  },
  resolve: {
  extensions: ['.ts', '.tsx', '.js']
@@ -98,15 +109,15 @@ module.exports = {
 }
 ```
 
-* `public/index.html` file that will be served from your webserver: 
+* `src/templates/index.html` file. It will be used as the template for the `index.html` generated by webpack. The generated file will be in the `public` folder and and then served from your webserver: 
 
 ```html
 <html>
  <body>
  <div id="root"></div>
- <script src="./build/app.js"></script>
  </body>
 </html>
+
 ```
 
 * `src/app/app.tsx` that is your frontend application entry point: 
@@ -132,10 +143,11 @@ ReactDOM.render(
 
 # Develop your amazing application 
 
-> You can get the latest packages using `npm install typescript@latest react@latest react-dom@latest @types/react@latest @types/react-dom@latest webpack@latest ts-loader@latest webpack-dev-server@latest webpack-cli@latest --save-exact`
+> You can get the latest packages using `npm install typescript@latest react@latest react-dom@latest @types/react@latest @types/react-dom@latest webpack@latest webpack-dev-server@latest webpack-cli@latest ts-loader@latest clean-webpack-plugin@latest html-webpack-plugin@latest --save-exact`
 
 * Do live development by running `npm start`. 
  * Visit [http://localhost:8080](http://localhost:8080)
- * Edit the `app.tsx` (or any ts/tsx file in `src`) and application live reloads. 
+ * Edit the `src/app/app.tsx` (or any ts/tsx file used in some way by `src/app/app.tsx`) and application live reloads. 
+ * Edit the `src/templates/index.html` and the server live reloads.
 * Build production assets by running `npm run build`. 
  * Serve the `public` folder (which contains the built assets) from your server.