Cache busting and HtmlWebpackPlugin

- Configured webpack to use contentHash in bundle file name
- This caused a problem with out script tag in index.html
- We installed HtmlWebpackPlugin to help us generate a new index.html
- It automatically includes the correct script tag at the bottom
- We created a template file that we passed in called template.html
- We deleted the original index.html because we don't need it anymore
- Make sure you are opening dist/index.html now to view the app
This commit is contained in:
Colt Steele
2019-03-05 15:24:55 -08:00
parent 21c9e3b623
commit c932911657
4 changed files with 425 additions and 6 deletions

View File

@ -13,6 +13,7 @@
"devDependencies": {
"bootstrap": "^4.3.1",
"css-loader": "^2.1.0",
"html-webpack-plugin": "^3.2.0",
"node-sass": "^4.11.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",