发布于 2023-03-24 10:08:21

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

前端 #cdn #vue

浏览 (1655)