解决vue-cli 中 workbox CDN 国内无法访问的问题
阅读 212 作者 zee

在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'
		}
	}
};

 

[编辑于 2019/09/25 16:25]