weinre-webpack-plugin

index.pug

doctype html
html
  head
    meta(charset='UTF-8')
    title webpack 4
    if weinreScript
      script(src=weinreScript)
  body
    h1#info milkmidi

webpack.config.js

const getLocalhostIPAddress = () => {
  const ifs = require('os').networkInterfaces();
  const host = `${Object.keys(ifs).map(x => ifs[x].filter(x => x.family === 'IPv4' && !x.internal)[0]).filter(x => x)[0].address}`;
  return host || 'localhost';
};

module.exports = {
  module:{
      {
        test: /\.pug$/,
        use: [
          { loader: 'html-loader' },
          {
            loader: 'pug-html-loader',
            options: {
              pretty: DEV_MODE,
              data: {
                DEV_MODE,
                weinreScript: process.env.WEINRE ? `http://${getLocalhostIPAddress()}:8000/target/target-script-min.js#anonymous` : false,
              },
            },
          },
        ],
        include: path.resolve('src/html'),
      },
  },
}