加快首屏加载速度:配置 publicPath 和 configureWebpack.externals 属性

98 阅读1分钟

通过在 webpack 中配置 publicPath 和 configureWebpack.externals 属性,可以使大部分依赖文件在压缩和转译时不用被打包,从而减少打包文件的体积、加快首屏加载速度。

  • webpack 中的配置
module.exports = {
    publicPath: './'externals:{
        'vue':'Vue',
        'vue-router':'VueRouter',
        'vuex':'Vuex',
        'element-ui':'ELEMENT',
        'axios:'axios'
    }
  • 在 index.html 中引入 cdn 依赖包

image.png