diff --git a/docs/template-option.md b/docs/template-option.md
index f4e5423a..68ca59b3 100644
--- a/docs/template-option.md
+++ b/docs/template-option.md
@@ -32,7 +32,7 @@ Please note that this loader does not support the full ejs syntax as it is based
 }
 ```
 
-Be aware, using `.html` as your template extention may unexpectedly trigger another loader.
+Be aware, using `.html` as your template extension may unexpectedly trigger another loader.
 
 ## 2) Setting a loader directly for the template
 
@@ -43,12 +43,12 @@ new HtmlWebpackPlugin({
 })
 ```
 
-## 3) Setting a loader using the `module.loaders` syntax
+## 3) Setting a loader using the `module.rules` syntax
 
 ```js
 {
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.hbs$/,
         loader: 'handlebars-loader'
@@ -69,7 +69,7 @@ This will **cause html minification** and it will also **disable the ejs/lodash
 ```js
 {
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.html$/,
         loader: 'html-loader'