前端性能优化二十七:花裤衩模板VueRouter打包优化

(1). 优化vue.js:

. 修改vue.config.js:
    module.exports = {
      ...
      configureWebpack: {
        ...
        externals: {
          'vue': 'Vue',
          'vue-router': 'VueRouter'
        }
      }
    }.public/index.html文件中引入vue-router cdn路径:
    <script src="//cdn.bootcss.com/vue-router/3.0.6/vue-router.min.js"></script>
    a. 不写协议前缀,会与网站的协议相同.所以,可以不写https.

前端性能优化二十七:花裤衩模板VueRouter打包优化_第1张图片

你可能感兴趣的:(前端性能优化,前端,性能优化,vue.js,javascript)