提前载入 webpack 加载代码
插件:
html-webpack-inline-chunk-plugin: 将选择的chunk插入到html中
inline-manifest-webpack-plugin 将webpack生成的代码插入到html中
webpack配置
rules:[
{
test:/\.js$/,
use:[
{loader:'babel-loader',
options:{
presets:['env']
}
}
]
}
],
plugins:[
new webpack.optimize.CommonsChunkPlugin({name:'manifest'})
new HtmlInlineChunkPlugin({
inlineChunks:['manifest'] //注意: 和HtmlwebpackPlugin同时使用时,注意htmlwebpackplugin中chunks的配置项
})
]