Vue 性能優化篇 (二、第三方CDN加速)
阿新 • • 發佈：2018-05-09
vue cdn 一、引入第三方CDN資源，網址：http://www.bootcdn.cn/
（1）vue最外層index.html 文件引入資源文件引入如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta content="black" name="apple-mobile-web-app-status-bar-style"> <meta name="renderer" content="webkit"> <link rel="shortcut icon" href="static/favicon.ico"/> <title></title> <link href="https://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="https://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script> <script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script> </head> <body> <div id="app"></div> <!-- built files will be auto injected --> </body> </html> ( 2 ) CDN引入vue vue-router 步驟 1. 修改build --> webpack.base.conf.js文件， 修改的地方為： module.exports = { entry: { app: ‘./src/main.js‘ }, externals:{ ‘BMap‘: ‘BMap‘, ‘vue‘: ‘Vue‘, ‘vue-router‘: ‘VueRouter‘ }, }
******** 必須使用Vue VueRouter ********
2. main.js 和 router--> index.js 的修改：
// import Vue from ‘vue‘
// import Vue from ‘vue‘
// import VueRouter from ‘vue-router‘
（未完待續）Vue 性能優化篇 (二、第三方CDN加速)