ejs template

Author: Joe Seifi

01-react-css3/lessons/webpack.build.js

@@ -11,7 +11,7 @@ module.exports = {
     publicPath: ''
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new ExtractTextPlugin({ filename: 'lessons.css', disable: false, allChunks: true }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({

01-react-css3/lessons/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
     publicPath: 'http://' + devServer.host  + ':' + devServer.port + '/',
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],

02-react-inline-styles/lessons/webpack.build.js

@@ -11,7 +11,7 @@ module.exports = {
     publicPath: ''
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new ExtractTextPlugin({ filename: 'lessons.css', disable: false, allChunks: true }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({

02-react-inline-styles/lessons/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
     publicPath: 'http://' + devServer.host  + ':' + devServer.port + '/',
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],

03-radium/lessons/webpack.build.js

@@ -11,7 +11,7 @@ module.exports = {
     publicPath: ''
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new ExtractTextPlugin({ filename: 'lessons.css', disable: false, allChunks: true }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({

03-radium/lessons/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
     publicPath: 'http://' + devServer.host  + ':' + devServer.port + '/',
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],

04-aphrodite/lessons/webpack.build.js

@@ -11,7 +11,7 @@ module.exports = {
     publicPath: ''
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new ExtractTextPlugin({ filename: 'lessons.css', disable: false, allChunks: true }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({

04-aphrodite/lessons/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
     publicPath: 'http://' + devServer.host  + ':' + devServer.port + '/',
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],

05-react-css-modules/lessons/webpack.build.js

@@ -11,7 +11,7 @@ module.exports = {
     publicPath: ''
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new ExtractTextPlugin({ filename: 'lessons.css', disable: false, allChunks: true }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({

05-react-css-modules/lessons/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
     publicPath: 'http://' + devServer.host  + ':' + devServer.port + '/',
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],

06-styletron/lessons/webpack.build.js

@@ -11,7 +11,7 @@ module.exports = {
     publicPath: ''
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new ExtractTextPlugin({ filename: 'lessons.css', disable: false, allChunks: true }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({

06-styletron/lessons/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
     publicPath: 'http://' + devServer.host  + ':' + devServer.port + '/',
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],

07-styled-components/lessons/webpack.build.js

@@ -10,7 +10,7 @@ module.exports = {
     publicPath: ''
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.optimize.OccurrenceOrderPlugin(),
     new webpack.DefinePlugin({
       'process.env': {

07-styled-components/lessons/webpack.config.js

@@ -19,7 +19,7 @@ module.exports = {
     publicPath: 'http://' + devServer.host  + ':' + devServer.port + '/',
   },
   plugins: [
-    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.html' }),
+    new HtmlWebpackPlugin({ inject: true, template: '../../templates/app.ejs' }),
     new webpack.HotModuleReplacementPlugin(),
     new webpack.NoEmitOnErrorsPlugin()
   ],

scripts/server-all.js

@@ -32,7 +32,7 @@ server.use(require('webpack-hot-middleware')(compiler))
 server.use('/', serveStatic(path.join(__dirname, '../public')))
 
 server.get('*', function (req, res) {
-  res.sendFile(path.join(__dirname, '../templates/app.html'))
+  res.sendFile(path.join(__dirname, '../templates/app.ejs'))
 })
 
 server.listen(config.devServer.port, config.devServer.host , function (err) {

scripts/server-lessons.js

@@ -18,7 +18,7 @@ server.use(require('webpack-dev-middleware')(compiler, {
 server.use(require('webpack-hot-middleware')(compiler))
 
 server.get('*', function (req, res) {
-  res.sendFile(path.join(__dirname, '../templates/app.html'))
+  res.sendFile(path.join(__dirname, '../templates/app.ejs'))
 })
 
 server.listen(config.devServer.port, config.devServer.host , function (err) {

templates/app.html renamed to templates/app.ejs

@@ -3,8 +3,9 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title><%= htmlWebpackPlugin.options.title %></title>
 </head>
 <body>
   <div id="app" class="app"></div>
 </body>
-</html>
+</html>

webpack.config.js

@@ -41,7 +41,8 @@ const webpackEntries = projectPaths.reduce((allEntreis, currPath) => {
 let htmlPlugins = Object.keys(webpackEntries).reduce((acc, cur, idx, arr) => {
   acc.push(new HtmlWebpackPlugin({
     inject: true, 
-    template: 'templates/app.html', 
+    template: 'templates/app.ejs', 
+    title: cur,
     filename: cur + '/index.html',
     chunks: [ cur ]
   }))