你的位置:首页 > 软件开发 > Java > Webpack多入口文件、热更新等体验

Webpack多入口文件、热更新等体验

发布时间:2017-03-20 00:01:01
Webpack现今流行的前端打包工具,今儿本人也来分享下自己学习体验。一、html-webpack-plugin实现html模板文件的解析与生成在plugins加入HtmlWebpackPlugin的配置,如果是多个入口文件,则需要对应加入多个HtmlWebpackPlugin功 ...

Webpack多入口文件、热更新等体验

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

web
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。