HTML 和 JS内联
代码层面
- 页面框架的初始化脚本
- css内联避免页面闪动
请求层面：减少HTTP网络请求数
- ⼩图⽚或者字体内联 (url-loader)
html-webpack-plugin使用的是ejs模板引擎
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
${ require('raw-loader!./meta.html')}
<title>Document</title>
<script>${ require('raw-loader!babel-loader!../../node_modules/lib-flexible/flexible.js')}</script>
</head>
<body>
<div id="root"></div>
</body>
</html>