manifest.json

webpack做前后端关联的两种方式

方式1:webpack直接打包生成一个单独的index.html,服务端直接拷贝index.html做模板文件。

这种方式和之前用java,php做后端语言时机制是一样的,缺点在于不够灵活,后端对模板文件的控制权限不够。

tips: 使用插件html-webpack-plugin, inline-manifest-webpack-plugin可以简化设置。

方式2:利用插件webpack-manifest-plugin生成一份manifest.json,后端只需要同步manifest.json。

这种好处很明显,后端的模板文件是纯粹的模板,可以自行决定在模板上输出一些其他内容。后端的控制权限更大。

manifest.json中包含了webpack相关的构建信息,可以自行解析插入html文件中,插入方式取决于你究竟采用了哪种服务端渲染技术。

1
2
3
4
5
// 一个manifest.json文件形如
{
"index.js": "main.155567618f4367cd1cb8.js",
"vendor.js": "vendor.c2330c22cd2decb5da5a.js"
}

个人推荐大家使用manifest的方式

-------------本文结束 感谢您的阅读-------------