webpack打包進內聯html

用到一個新插件：html-webpack-inline-source-plugin(依賴於html-webpack-plugin)

1.安裝

npm i -D html-webpack-inline-source-plugin html-webpack-plugin

2.編寫webpack.config.js

const path = require('path');
const htmlWebpackPlugin = require('html-webpack-plugin');
var HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
module.exports = {
    entry: './main.js',
    output: {
        path: path.resolve('./dist'),
        filename: 'bundle.js'
    },
    plugins: [
        new htmlWebpackPlugin({
            template: './index.html',
            filename: 'index-[hash].html',
            inject: 'head',
            inlineSource: '.(js|css)'
        }),
        new HtmlWebpackInlineSourcePlugin()
    ]
}

需要在html-webpack-plugin里添加  inlineSource: '.(js|css)'