V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ElmerZhang
V2EX  ›  程序员

有熟悉 webpack 的大神么?求思路

  •  
  •   ElmerZhang ·
    ElmerZhang · 109 天前 · 1664 次点击
    这是一个创建于 109 天前的主题,其中的信息可能已经有所发展或是发生改变。

    背景:有个网站项目,其中有些文档内容,以 md 形式放在固定一个文件夹内。

    现在希望每次网站构建的时候,能自动扫描文件夹内的文件,根据文件名及内容来生成一个目录索引,比如:

    const articleList = [
      {
        filename: 'xxxx',
        title: 'xxxx',
        content: 'xxxx',
      },
    ]
    

    项目是用的 umi 框架,使用 webpack 5 来打包的。

    目前初步想法是通过给 webpack 写 loader 或者 plugin 的方式来实现。

    但是没研究清楚具体该用 loader 还是 plugin,如果用 plugin 的话,该在哪里做 hook ?生成的内容最好是仅存在于构建阶段或者结果中。

    求大神指点。

    9 条回复    2021-07-11 17:00:38 +08:00
    SoloCompany
        1
    SoloCompany   109 天前 via iPhone   ❤️ 2
    那要看你的目标是什么
    loader 是用来生产 module 的
    plugin 才可以构建 asset
    g1f9
        2
    g1f9   109 天前 via iPhone   ❤️ 1
    如果想以字符串的形式导入,用 raw-loader 就行了,require.context 可以解决你扫描的问题
    DiamondYuan
        3
    DiamondYuan   109 天前   ❤️ 1
    如果是 umi 的项目,可以写一个简单的 umi 插件。
    在构建时使用 nodejs 读取文件夹,输出到产物里。
    JerryY
        4
    JerryY   109 天前   ❤️ 1
    如果我没理解错你的意思,你这个场景应该是用 plugin 来弄。hook 的时机你这个例子不用太过于讲究,因为只是读取项目的文件,不依赖于项目构建 /编译某一阶段的某些信息。生成的内容也是都可以的,最后可以 emit 一个 json 文件。
    avastms
        5
    avastms   109 天前 via Android
    你这东西和 webpack 无关,自己写个脚本干这件事
    非得弄成 webpack 插件下次这玩意升级的时候有你好受
    ElmerZhang
        6
    ElmerZhang   109 天前
    感谢楼上各位,有一些思路了,我再研究研究
    FallenMax
        7
    FallenMax   109 天前   ❤️ 1
    推荐写脚本,不要依赖 webpack 专门特性
    godblessumilk
        8
    godblessumilk   109 天前 via Android
    同上,建议用 shell 脚本去做,因为 shell 脚本的 api 由操作系统提供,万年不变。前端的工程化工具目前没有统一的,一年一个大版本是常事,webpack 的底层依赖也是 node,node 已经被创始人放弃了,虽然生态很繁荣
    towry
        9
    towry   108 天前
    我更相信 nodejs 比他的网站存活的长久
    关于   ·   帮助文档   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3881 人在线   最高记录 5497   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 08:31 · PVG 16:31 · LAX 01:31 · JFK 04:31
    ♥ Do have faith in what you're doing.