explorigin/gallery
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use HTML webpack plugin for one less thing to worry about.

Browse Source
This commit is contained in:
Timothy Farrell 2018-01-11 16:10:51 -06:00
parent 3fd5743abd
commit 6d8e01b476
3 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/gallery/package.json
View File

@ -35,6 +35,7 @@
"styletron-utils": "^2.5.4"
},
"devDependencies": {
"html-webpack-plugin": "^2.30.1",
"webpack": "~3.8.1",
"webpack-dev-server": "~2.9.2"
}

4
packages/gallery/src/index.html → packages/gallery/src/index.template.html
View File

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/app.css">
<title>Photos</title>
</head>
<body>
<script src="/app.bundle.js"></script>
</body>
</html>

11
packages/gallery/webpack.config.js
View File

@ -1,6 +1,7 @@
const path = require('path');
const webpack = require('webpack');
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
context: path.resolve(__dirname, './src'),
@ -31,10 +32,12 @@ module.exports = {
]
},
plugins: [
new webpack.DefinePlugin({
__DEV__: true
}),
new ExtractTextPlugin('app.css', { allChunks: true })
new webpack.DefinePlugin({ __DEV__: true }),
new ExtractTextPlugin('app.css', { allChunks: true }),
new HtmlWebpackPlugin({
template: 'index.template.html',
inject: 'body'
})
],
devtool: 'source-map'
};