valine 库文件 cdn

纠缠了一整个下午的问题!
求大家帮忙解决一下!
谢谢大家!
使用Valine时 引入 库文件 或者 cdn 在网页加载时都会报错
也尝试过使用别的 库文件 和 cdn 也是一样的结果

img

img

img

img

谢谢大家啦!

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这篇文章:无备案网站打开速度慢,免备案CDN帮你解决 也许能够解决你的问题,你可以看下
  • 除此之外, 这篇博客: 前端项目打包优化(解决首屏加载慢的问题),看一篇就够了!中的 优化一:cdn引入 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    首先让我很耿耿于怀的就是这个ercharts,确实用的多,打包之后也很占空间,所以我决定用cdn来引入:

    public/index.html

    <script crossorigin="anonymous" src="https://lib.baomitu.com/echarts/5.2.1/echarts.min.js"></script>
    

    其它版本你们自己移步到链接:

    echarts

    配置vue.config.js

    module.exports = {
    	chainWebpack: config => {
    	    // ...
    	    var externals = {
    	      'echarts': 'echarts',
    	    }
    	    config.externals(externals)
    	    config.plugins.delete("prefetch") //配置可以取消首屏渲染时对组件js文件的预加载, 实现真正的按需加载
    	},
    	//...
    }
    

    使用方法

    import * as echarts from 'echarts'
    

    哪个页面需要用到,就按照上面的引入就行,也可以在main.js全局引入,这样就可以直接使用echarts.init()等方法了

    重新打包看效果

    我忘记截图了,你们可以自己看看效果哈,就echarts.js部分就没了,我这边是缩小了6MB



如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^