带有webpack的内联JavaScript和CSS

Question

我正在使用Webpack捆绑资源。目前，它将CSS和JS文件捆绑到一个名为bundle.js的单独文件中。我如何使JS和CSS嵌入html文件中？

import HtmlWebpackPlugin from 'html-webpack-plugin'; 
import {HotModuleReplacementPlugin} from 'webpack'; 

export default { 
    entry: {app: './test/dev'}, 
    module: { 
    loaders: [ 
     {test: /\.js/, loader: 'babel-loader', exclude: /node_modules/}, 
     {test: /\.scss$/, loader: 'style!css!sass'} 
    ] 
    }, 
    plugins: [new HotModuleReplacementPlugin(), new HtmlWebpackPlugin()], 
    devtool: 'eval-source-map' 
}; 

Answer 1

使用https://github.com/DustinJackson/html-webpack-inline-source-plugin

plugins: [ 
    new HtmlWebpackPlugin({ 
    inlineSource: '.(js|css)$' // embed all javascript and css inline 
    }), 
    new HtmlWebpackInlineSourcePlugin() 
]