解决vue-cli 中 workbox CDN 国内无法访问的问题
在vue-cli中可以很方便的生成PWA 页面,其中用了google的workbox组件,但是国内如果不翻墙是无法访问到cdn,奇怪的是vue-cli文件也没有介绍相关方法,只好看workbox-build源码才知道怎么回事。那么改如何解决呢?
1.如果没有创建vue.config.js需要创建该文件到项目根目录。
2.设置pwa选项中的引入方式。下面是我经常用的配置
module.exports = {
publicPath: '',
assetsDir: 'static',
productionSourceMap: false,
css: {
sourceMap: false
},
// webpack-dev-server 相关配置
devServer: {
open: process.platform === 'darwin',
host: '0.0.0.0'//换了环境一样可以热更新
},
pwa: {
workboxOptions: {
importWorkboxFrom: 'local'
}
}
};