Add template title and retab webpack files

webpack.config.js

@@ -9,81 +9,82 @@ const PORT = process.env.PORT || "8888";
 
 // global css
 loaders.push({
-	test: /[\/\\](node_modules|global)[\/\\].*\.css$/,
-	loaders: [
-		'style?sourceMap',
-		'css'
-	]
+  test: /[\/\\](node_modules|global)[\/\\].*\.css$/,
+  loaders: [
+    'style?sourceMap',
+    'css'
+  ]
 });
 // local scss modules
 loaders.push({
-	test: /[\/\\]src[\/\\].*\.scss/,
-	loaders: [
-		'style?sourceMap',
-		'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
-		'sass'
-	]
+  test: /[\/\\]src[\/\\].*\.scss/,
+  loaders: [
+    'style?sourceMap',
+    'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]',
+    'sass'
+  ]
 });
 // local css modules
 loaders.push({
-	test: /[\/\\]src[\/\\].*\.css/,
-	loaders: [
-		'style?sourceMap',
-		'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]'
-	]
+  test: /[\/\\]src[\/\\].*\.css/,
+  loaders: [
+    'style?sourceMap',
+    'css?modules&importLoaders=1&localIdentName=[path]___[name]__[local]___[hash:base64:5]'
+  ]
 });
 
 module.exports = {
-	target: 'web',
-	entry: [
-		`webpack-dev-server/client?http://${HOST}:${PORT}`,
-		`webpack/hot/only-dev-server`,
-		`./src/index.jsx` // Your appʼs entry point
-	],
-	devtool: process.env.WEBPACK_DEVTOOL || 'cheap-module-source-map',
-	output: {
-		path: path.join(__dirname, 'public'),
-		filename: 'bundle.js'
-	},
-	resolve: {
-		alias: {
-			'webworkify': 'webworkify-webpack',
-			// TODO: otherwise I get a max call stack error in browser?
-			// 'mapbox-gl': path.resolve('./node_modules/mapbox-gl/dist/mapbox-gl.js')
-		},
-		extensions: ['', '.js', '.jsx']
-	},
-	module: {
-		loaders,
-		postLoaders: [{
-			include: /node_modules\/mapbox-gl-shaders/,
-			loader: 'transform',
-			query: 'brfs'
-		}]
-	},
-	node: {
-		fs: "empty",
+  target: 'web',
+  entry: [
+    `webpack-dev-server/client?http://${HOST}:${PORT}`,
+    `webpack/hot/only-dev-server`,
+    `./src/index.jsx` // Your appʼs entry point
+  ],
+  devtool: process.env.WEBPACK_DEVTOOL || 'cheap-module-source-map',
+  output: {
+    path: path.join(__dirname, 'public'),
+    filename: 'bundle.js'
+  },
+  resolve: {
+    alias: {
+      'webworkify': 'webworkify-webpack',
+      // TODO: otherwise I get a max call stack error in browser?
+      // 'mapbox-gl': path.resolve('./node_modules/mapbox-gl/dist/mapbox-gl.js')
+    },
+    extensions: ['', '.js', '.jsx']
+  },
+  module: {
+    loaders,
+    postLoaders: [{
+      include: /node_modules\/mapbox-gl-shaders/,
+      loader: 'transform',
+      query: 'brfs'
+    }]
+  },
+  node: {
+    fs: "empty",
     net: 'empty',
     tls: 'empty'
-	},
-	devServer: {
-		contentBase: "./public",
-		// do not print bundle build stats
-		noInfo: true,
-		// enable HMR
-		hot: true,
-		// embed the webpack-dev-server runtime into the bundle
-		inline: true,
-		// serve index.html in place of 404 responses to allow HTML5 history
-		historyApiFallback: true,
-		port: PORT,
-		host: HOST
-	},
-	plugins: [
-		new webpack.NoErrorsPlugin(),
-		new webpack.HotModuleReplacementPlugin(),
-		new HtmlWebpackPlugin({
-			template: './src/template.html'
-		}),
-	]
+  },
+  devServer: {
+    contentBase: "./public",
+    // do not print bundle build stats
+    noInfo: true,
+    // enable HMR
+    hot: true,
+    // embed the webpack-dev-server runtime into the bundle
+    inline: true,
+    // serve index.html in place of 404 responses to allow HTML5 history
+    historyApiFallback: true,
+    port: PORT,
+    host: HOST
+  },
+  plugins: [
+    new webpack.NoErrorsPlugin(),
+    new webpack.HotModuleReplacementPlugin(),
+    new HtmlWebpackPlugin({
+      title: 'Maputnik',
+      template: './src/template.html'
+    }),
+  ]
 };