offline-plugin中文文档|offline-plugin js中文教程|解析

npm npmdoc 2年前 (2022-01-01) 789次浏览

offline-plugin中文文档|offline-plugin js中文教程|解析

安装命令:npm i offline-plugin
离线插件标志

offline-plugin 用于 webpack

支持者
赞助商
新产品经理
新产品经理

该插件旨在为webpack项目提供离线体验它使用ServiceWorkerAppCache作为引擎盖下的后备。只需将此插件包含在您的webpack.config,以及您的客户端脚本中的随附运行时,您的项目将通过缓存所有(或部分) webpack 输出资产来准备离线。

赞助商






























成为赞助商并在 Github 上的自述文件中获取您的徽标,并附上指向您网站的链接。
成为赞助商

安装

npm install offline-plugin [--save-dev]

设置

首先,实例化你的插件webpack.config

// webpack.config.js example
 
var OfflinePlugin = require('offline-plugin');
 
module.exports = {
  // ...
 
  plugins: [
    // ... other plugins
    // it's always better if OfflinePlugin is the last plugin added
    new OfflinePlugin()
  ]
  // ...
}

(并可选择使用options 进行配置

然后,将运行时添加到您的入口文件(通常是主入口)中:

require('offline-plugin/runtime').install();

ES6/Babel/打字稿

import * as OfflinePluginRuntime from 'offline-plugin/runtime';
OfflinePluginRuntime.install();

有关使用的更多详细信息,TypeScript请参见此处

offline-plugin 不工作?

ℹ️故障排除| 常问问题

文档

例子

文章

选项

所有选项都是可选的,offline-plugin无需指定即可使用。

在此处查看所有可用选项。

谁在使用 offline-plugin

项目

PWA

如果您正在使用offline-plugin,请随时提交 PR 以将您的项目添加到此列表中。

喜欢offline-plugin

通过提供反馈贡献、成为支持者/赞助者或只是通过 🌟 主演该项目来支持它

支持者

通过每月捐款支持我们并帮助我们继续我们的活动。[成为支持者]






























贡献

贡献

执照

麻省理工学院
标志

变更日志

变更日志

项目贡献人员列表:


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:offline-plugin中文文档|offline-plugin js中文教程|解析
喜欢 (0)
.excerpt .focus {display:none}