vue项目中引入很多本地markdown文件，导致打包后chunk.js文件过多？

Question

https://github.com/csdoker/blog
这是我的项目地址，用vue-cli4进行构建的静态博客，用vue-markdown-loader这个webpack插件进行本地markdown文件的编译

在项目中引入了一些本地的博客文章，都是md文件，打包后发现chunk.js的数量很多，能不能把它们合并？或者进一步压缩大小？

还是说不推荐在前端项目引入太多这样的本地资源，和图片一样，都应该放服务器上，然后前端请求这些资源的数据么？

Answer 1

dist文件多怕啥.

无论是以什么形式到达客户端,内容是少不了的.以html的形式和以js的形式区别不大.

我自己的博客是用hexo,相当于预编译,发布时,就已经将md转换为了功能完备的html.访问一篇文章,就是直接对资源的访问.

你现在这种形式,应该是单页,体验更好.加载到主体框架后,访问一篇文章,就只需要加载对应文章的js.

你上面提到加载慢,你放github哪能不慢,想快就搞个域名,蹭七牛的免费CDN.

Answer 2

无所谓的,如果是因为将md文件解析成Vue Component在编译为js文件导致最后生成的js文件过多其实对于用户浏览体验上是没有去别的,没有不会有人一下打开所有的文章并在意性能.

不推荐在前端项目引入太多这样的本地资源其实是想降低服务器的负载,对于个人博客来讲其实没必要遵从,如果是静态页面的话其实可以放到oss中,也方便使用cdn.

Answer 3

改成异步加载呗