用webpack给网站添加manifest

2024年5月28日 238次阅读 来源: spademan

.一客户端

1.html

// 给index.html添加
<!DOCTYPE HTML>
<html>
...
<link rel="manifest" href="manifest.json">  
//(1) 基本上有两种部署方式,是其中一种

//(2)还有一种是 在 <html manifest="app.appcache"></html>
// 本例子 只针对第一种做部署
</html>.

2.js配置

npm install --save manifest-webpack-plugin
// 项目目录下,命令行执行以上代码,安装 manifest依赖
//部署webpack,生产环境才部署,所以找到,webpack.prod.conf.js或者是同一文件内的生产
//条件下的生产环境配置option中添加上
//具体可以参照https://www.npmjs.com/package/webpack-assets-manifest
new ManifestPlugin(path.join('dist', 'manifest.json'))

3.项目打包

 npm run build //项目构建方式,不一定是run build具体看配置

// 在打包输入项目目录下能看到 manifest.json文件
// 然后提交到服务器

4.服务器配置

(1)nginx配置: 找到Ngnix服务器配置文件mime.types
在文件结尾 加上 text/cache-manifest　　　　 mf manifest
重启nginx
(2)apache 和上面差不多

    原文作者：spademan
    原文地址: https://segmentfault.com/a/1190000007754136
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞