前端通用性能優化之cdn

經過cdn的方式能夠快速訪問到靜態資源
在當前的前端框架下,結合webpack使用cdn更方便,分兩部進行
一、把dist下的圖片,js,css上傳到cdn
二、在webpack裏配置output.publicPath: 'http://cdn.test.com',css的輸出在css-loader裏配置,一樣圖片的輸出在url-loader裏配置。css

打包後的index.html裏會發現引入的靜態文件路徑都是以http://cdn.test.com 開頭的html

相關文章
相關標籤/搜索