Webpack现今流行的前端打包工具,今儿本人也来分享下自己学习体验。一、html-webpack-plugin实现html模板文件的解析与生成在plugins加入HtmlWebpackPlugin的配置,如果是多个入口文件,则需要对应加入多个HtmlWebpackPlugin功 ...
Webpack现今流行的前端打包工具,今儿本人也来分享下自己学习体验。
一、html-webpack-plugin
实现html模板文件的解析与生成
- 在plugins加入HtmlWebpackPlugin的配置,如果是多个入口文件,则需要对应加入多个HtmlWebpackPlugin功能。
var HtmlWebpackPlugin = require('html-webpack-plugin');entry:{ ma: './src/ma', /** .:必须要,表示运行时的根目录,否则找不到文件,且不报错 */ mb: './src/mb'},output: { path: './dist', filename: '[name].js'},plugins: [ new HtmlWebpackPlugin({ //可以模板,直接引用files对象,是webpack中state对象 title: '模板A', chunks: ['ma'] }), new HtmlWebpackPlugin({ filename: 'mb.html', title: '模板B', chunks: ['mb'] })]
原标题:Webpack多入口文件、热更新等体验
关键词:web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。