Vue.js中externals的作用和使用方法

Vue.js中externals的作用和使用方法 第一张

Vue.js中externals的作用

Vue.js中externals的作用是指定一些从外部获取的资源,不需要打包进源码中,从而减少打包的体积。通常情况下,externals可以用于引入CDN上的资源,从而使得应用体积变小。

Vue.js中externals的使用方法

使用externals可以有效减少应用体积,从而提升应用性能,下面介绍使用externals的方法:

  • 在webpack的配置文件中,需要添加externals配置,如:
          externals: {
            jquery: 'jQuery'
          }
        
  • 在html文件中,需要引入外部资源,如:
          <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
        
  • 在Vue文件中,可以使用外部资源,如:
          export default {
            mounted() {
              console.log($);
            }
          }
        

以上就是Vue.js中externals的使用方法,可以有效减少应用体积,从而提升应用性能。

© 版权声明
THE END
分享