用webpack给网站增加manifest

2024年5月9日 156次阅读 来源: 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
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞