miller
发布于

vue cdn 加载

import不用管

为了解决上述问题,可以通过 webpack 的 externals 节点,来配置并加载外部的 CDN 资源。凡是声明在 externals 中的第三方依赖包,都不会被打包。 这样就可以有效的减少单文件的体积。

        externals: {
            "element-ui": "ELEMENT", // element-ui:包名,ELEMENT:全局需要使用的变量名
            vue: "Vue",
            "vue-router": "VueRouter",
        },


html

<head>
      <link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.9/lib/theme-chalk/index.css">
  </head>

  <body>
  <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
  <script src="https://unpkg.com/vue-router@3.3.4/dist/vue-router.min.js"></script>

  <script src="https://unpkg.com/element-ui@2.15.9/lib/index.js"></script>
<!--  <script src="https://www.unpkg.com/v-charts@1.19.0/lib/index.min.js"></script>-->

package.json

去掉dependencies 中的 echarts vue-echarts

浏览 (712)
点赞
收藏
评论