インラインJavaScriptとWebpackの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() 
]