如何在vue项目中使用manifest离线缓存？

Question

如题，使用vue-cli构建的项目中，如何使用manifest离线缓存？

我将manifest文件放在项目根目录下，与index.html同级，当打包项目生成dist文件以后，manifest文件未为出现在dist文件里，并且不知道如何在生成dist文件的同时，改变原本manifest里的缓存文件的相对路径。

Answer 1

你可以使用vue-cli 的pwa的模板。
https://github.com/vuejs-temp...

Answer 2

把 manifest 增加到 webpack 的 entry 字段里

Answer 3

在webpack.dev.conf.js 或者webpack.prod.conf.js 的plugins添加CopyWebpackPlugin
plugins: [
...
// copy 离线缓存文件

new CopyWebpackPlugin([
  {
    from: 'index.appcache',
    to: './',
    ignore: ['.*']
  }
])

]