前端通用性能优化之cdn

通过cdn的方式可以快速访问到静态资源
在当前的前端框架下,结合webpack使用cdn更方便,分两部进行
1、把dist下的图片,js,css上传到cdn
2、在webpack里配置output.publicPath: 'http://cdn.test.com',css的输出在css-loader里配置,同样图片的输出在url-loader里配置。

打包后的index.html里会发现引入的静态文件路径都是以http://cdn.test.com 开头的

你可能感兴趣的:(前端性能)