業(yè)務(wù)背景

• 用webstorm編寫(xiě)小程序
• 有一個(gè)app.json文件存放所有頁(yè)面路徑
• 因?yàn)橛猩虾脦资畟€(gè)頁(yè)面,這樣羅列下來(lái)感覺(jué)非?；靵y,后期要找東西的時(shí)候很麻煩
• 所以想加注釋進(jìn)行分類(lèi)

示例代碼

{
  "pages": [
    // 用戶(hù)相關(guān)
    "pages/window/window",
    "pages/ptp/ptp",
    "pages/detail2/detail2",
    "pages/detail/detail",
    "pages/doubleroom/room/room",
    "pages/mine/mine",
    "pages/player/index/index",
    "pages/main/main",
    // 商品相關(guān)
    "pages/doubleroom/roomlist/roomlist",
    "pages/doubleroom/roomname/roomname",
    "pages/minezb/minezb",
    "pages/zbappintosc/zbappintosc",
    "pages/index/index",
    "pages/mysc/mysc",
    // 訂單相關(guān)
    "pages/changegg/changegg",
    "pages/ggs/ggs",
    "pages/bjgg/bjgg",
    "pages/zpzb/zpzb",

問(wèn)題描述

• 但是json文件不支持注釋
• 這樣寫(xiě)在小程序開(kāi)發(fā)者工具中會(huì)報(bào)錯(cuò)

自己嘗試

• 用過(guò)mpvue
• 他們的頁(yè)面信息都是配置在main.js文件里面的pages參數(shù)
• 最后自動(dòng)編譯成了app.json

但是不知道mpvue是怎么實(shí)現(xiàn)的

期望的結(jié)果

通過(guò)一個(gè)webpack插件什么東西的,怎么實(shí)現(xiàn)我的需求呢?將下面這個(gè)js文件打包成json文件

export default {
  pages: [
    // 用戶(hù)相關(guān)
    'pages/a',
    // 訂單相關(guān)
    'pages/b
  ]
}