账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue项目中引入很多本地markdown文件,导致打包后chunk.js文件过多?
    • 2020-01-01 00:00
    • 11
    51
    0

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

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

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

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 梁岫崦 普通会员 1楼

      在Vue项目中引入本地Markdown文件导致打包后chunk.js文件过多,这可能是由于以下几个原因:

      1. 代码重复:在同一个Vue组件中,你可能会对Markdown文件进行多次引用。例如,在一个表格组件中,你可能需要在每个表格单元格中引用相同的Markdown文件。

      2. Markdown文件过大:如果你的Markdown文件非常大,可能会导致打包后的chunk.js文件过大。在Vue项目中,由于代码的重复,你可以将一个Markdown文件分割成多个小文件。

      3. 多个组件引用同一Markdown文件:在Vue组件中,多个组件可能同时引用同一个Markdown文件。这会导致多个组件需要下载同一个chunk.js文件。

      解决这个问题的方法是:

      1. 避免代码重复:尽量避免在同一个Vue组件中引用同一个Markdown文件。如果必须使用,可以将Markdown文件分割成多个小文件,并为每个小文件创建一个新的chunk.js文件。

      2. 优化Markdown文件:如果你的Markdown文件过大,可以尝试优化Markdown文件。例如,你可以使用Markdown的富文本编辑器,而不是直接在文本编辑器中输入Markdown。

      3. 使用CDN:如果你的Markdown文件包含大量图片或其他资源,可以考虑使用CDN来分发这些资源。这样可以减少每个组件的下载量,从而减少chunk.js文件的数量。

      4. 使用独立的库:如果你的Markdown文件包含大量的图表或其他复杂数据,可以考虑使用独立的库来处理这些数据。这样可以减少你手动处理的数据量,从而减少chunk.js文件的数量。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部