html-webpack-url-plugin

Instead of html template file provide the template URL

Example

1const path = require('path'),
2    HtmlWebpackPlugin = require('html-webpack-plugin'),
3    ExtractTextPlugin = require('extract-text-webpack-plugin'),
4    UglifyJsPlugin = require('uglifyjs-webpack-plugin'),
5    CopyWebpackPlugin = require('copy-webpack-plugin'),
6    WEBPACK_MODE = process.env.npm_lifecycle_event,
7    HtmlWebpackUrlPlugin = require('html-webpack-url-plugin')
8    ;
9
10const config = {
11    entry: {
12            app: path.resolve(__dirname, 'src', 'js', 'index.jsx')
13        },
14    output: {
15        path: path.resolve(__dirname, 'public'),
16        filename: '[name].[hash].js'
17    },
18    devtool: (WEBPACK_MODE === 'build') ? false : 'source-map',
19    module: {
20        rules: [
21            {
22                test: /\.css$/,
23                use: ExtractTextPlugin.extract({
24                    fallback: "style-loader",
25                    use: ['css-loader?modules=true', 'postcss-loader']
26                })
27            },
28            {
29                test: /\.js[x]?$/,
30                exclude: /(node_modules)/,
31                use: 'babel-loader'
32            }
33        ]
34    },
35    devServer: {
36        contentBase: path.join(__dirname, "public"),
37        compress: true,
38        port: 8888
39    },
40    plugins: [
41        new HtmlWebpackPlugin({
42            chunks: ['app']
43        }),
44        new ExtractTextPlugin('main.css'),
45        new CopyWebpackPlugin([{
46            from: path.resolve(__dirname, 'src', 'images'),
47            to: path.resolve(__dirname, 'public', 'images')
48        }]),
49        new HtmlWebpackUrlPlugin({
50            url: 'http://localhost:8123'
51        })
52    ]
53};
54
55if (WEBPACK_MODE === 'build') {
56    config.plugins = [...config.plugins, new UglifyJsPlugin()]
57}
58
59module.exports = config;
60