webpack对html模板的处理
2024-09-05 23:45:05
一、打包html模板到相应目录并且引入js
需要安装
html-webpack-plugin
然后在plugins里实例化
new HtmlWebpackPlugin({
template:'./src/view/index.html',
filename:'view/index.html',
chunks:['common','index']//需要打包的在页面引入的js
}),
但是多个页面的时候则需要封装一个方法传入
var getHtmlConfig = function(name, title){
return {
template : './src/view/' + name + '.html',
filename : 'view/' + name + '.html',
favicon : './favicon.ico',
title : title,
inject : true,
hash : true,
chunks : ['common', name]
};
调用时
new HtmlWebpackPlugin(getHtmlConfig('index', '首页')),
二、引用相同html模板,先安装html-loader,因为这个插件支持ejs语法因此可以直接使用
<%= require('html-loader!./include/html-header.html')%>
最新文章
- 拥抱.NET Core,跨平台的轻量级RPC:Rabbit.Rpc
- Go语言的GOPATH与工作目录详解
- 基于日志数据分析以防御CC攻击的想法
- windows端口备忘
- AssetManager asset的使用
- AngularJs练习Demo14自定义服务
- FFmpeg缩放swscale详解 <;转>;
- sql--关于exec和sp_execute
- 百万行mysql数据库优化和10G大文件上传方案
- JavaScript学习笔记(一)数组排序
- springboot添加邮件发送及压缩功能
- linux驱动面试题整理
- 13-JS中的面向对象
- Python urllib.quote
- UVa 10817 校长的烦恼
- C++设计模式之解释器模式
- spring中MessageSource的配置使用方法2--ReloadableResourceBundleMessageSource【转】
- Android Gson解析json详解
- Linux时间子系统(十四) tick broadcast framework
- ORB-SLAM2实现(kinect V1/ROS)