如题，vue-cli4 构建的项目，现有一需求是某组件需要画图表

想要实现的效果是，在这个只有加载这个组件时才会引入 echarts，而不是绑定到 vue 全局，不会导致打包出来程序过大。应该怎么实现呢？

一个简单想法是，直接在.vue 文件的部分里输入 echarts.min.js 的地址，是否可行？

比如这样

ehcarts 有模块封装和按需引用，webpack2 以上，vue2 以上开 dynamic import 都可以按需引入和懒加载

import('echats')
.then(echats => {
})
.catch(console.log)
打包会提取为新的 js,进入页面时才会引入

看官方文档啊

可以参考这个实现: https://qtdebug.gitee.io/html/vue-in-action/懒加载 TinyMCE
Utils.loadJs('/static-p/lib/tinymce/tinymce.min.js').then(() => {
this.initEditor();
});

组件懒加载或者包含这个组件的路由懒加载就行了

楼上说的比较清楚了，这是 webpack lazy loading 相关的知识，直接看 webpack 官方文档即可 https://webpack.docschina.org/guides/lazy-loading/

建议用 js 标准提供的能力去实现需求，就像 1l 那样写就行