Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack 缓存GraphTool数据以供脱机使用_Webpack_Offline Caching_Progressive Web Apps_Apollo - Fatal编程技术网

Webpack 缓存GraphTool数据以供脱机使用

Webpack 缓存GraphTool数据以供脱机使用,webpack,offline-caching,progressive-web-apps,apollo,Webpack,Offline Caching,Progressive Web Apps,Apollo,因此,我正在运行一个SPA(),它从Apollo/GraphTool端点获取所有数据,并使用离线插件实现离线功能 当网络设置为“脱机”时,应用程序无法显示先前显示的数据,而是出现以下问题(见附图): 邮递https://api.graph.cool/simple/v1/projID 网络::错误\u互联网\u断开连接 脱机插件是否可以缓存所有检索到的GraphTool数据,以便应用程序在脱机模式下仍然可用 我的webpack.config文件如下: module.exports={ dev

因此,我正在运行一个SPA(),它从Apollo/GraphTool端点获取所有数据,并使用离线插件实现离线功能

当网络设置为“脱机”时,应用程序无法显示先前显示的数据,而是出现以下问题(见附图):


邮递https://api.graph.cool/simple/v1/projID 网络::错误\u互联网\u断开连接

脱机插件是否可以缓存所有检索到的GraphTool数据,以便应用程序在脱机模式下仍然可用

我的webpack.config文件如下:

module.exports={
devtool:'源映射',
上下文:_dirname,
条目:{
main:path.resolve(uuu dirname,'./client/app'),
},
输出:{
path:path.join(uu dirname,“/public”),
文件名:'[name]-[hash].js',,
公共路径:'/'
},
插件:[
新建webpack.optimize.OccurenceOrderPlugin(),
新多滕({
路径:'./.env',//指向.env文件的路径(这是默认值)
safe:true//load.env.example(默认为“false”,不使用dotenv-safe)
}),
新的webpack.DefinePlugin({
“process.env”:{
‘NODE_ENV’:“‘production’”
}
}),
新建webpack.optimize.UglifyJsPlugin({
压缩机:{
警告:错误
}
}),
新HtmlWebpackPlugin({
标题:“火烈鸟城”,
文件名:“index.html”,
模板:'./index_template.ejs',
}),
新的CopyWebpackPlugin([
{from:'404.html'},//将文件从根目录复制到指定的输出:路径:
{from:'manifest.json'},
{从:'images',到:'images'},
]),
新离线插件({
公共路径:“/”,
SafetouseOptions缓存:正确,
缓存:{
主要内容:[
“main-*.js”,
“index.html”,
],
其他:[
“:外部:”
],
可选:[
“:其余:”
]
},
外部:[
'/'
],
服务人员:{
NavigateAllBackUrl:“/”,
事件:真的
},
AppCache:{
回退:{
“/”:“/offline page.html”
},
事件:真的
}
})
],
模块:{
装载机:[
//js
{
测试:/\.js$/,,
装载机:[“巴别塔”],
包括:path.join(uu dirname,'client')
},
//CSS
{ 
测试:/\.styl$/,,
包括:path.join(uu dirname,'client'),
加载器:“样式加载器!css加载器!手写笔加载器”
}
]
}
};解决了提出的问题。

解决了提出的问题