<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          鎖定項(xiàng)目 Node 版本和包管理器

          共 1255字,需瀏覽 3分鐘

           ·

          2022-06-10 05:11


          作者:亖混子

          來(lái)源:SegmentFault  思否社區(qū) 


          通過(guò)文檔和溝通約束,遠(yuǎn)不如用工具(代碼)約束。


          開(kāi)發(fā)環(huán)境



          1. Node.js

          2. Package Manager (npm、yarn、pnpm)


          痛點(diǎn)問(wèn)題



          成員機(jī)器 Node.js 版本不統(tǒng)一:守舊派用 12.x、保守用 14.x、激進(jìn)用 17.x。項(xiàng)目能否正常跑起來(lái)全憑天意,在沒(méi)有 CICD 流水線加持本地 npm run build 的場(chǎng)景下線上風(fēng)險(xiǎn)可想而知。


          有人習(xí)慣用 npm、有人習(xí)慣用 yarn, 代碼庫(kù)里面經(jīng)常會(huì)存在 package-lock.json、yarn.lock 文件同時(shí)存在的情況。更痛的點(diǎn)還是各種奇奇怪怪問(wèn)題排查起來(lái)沒(méi)有頭緒。


          我們要做的就是將問(wèn)題掐死在源頭:鎖定 Node.js 版本和包管理器


          鎖定項(xiàng)目 Node 版本



          通過(guò)在 package.json 中指定 engines 字段,可限定項(xiàng)目使用的 node 版本。下面配置僅允許用戶使用 14 或者 16的版本。更多的配置可以參考 package.json | npm Docs 、semver

            
          // package.json 
            "engines": {
              "node""14.x || 16.x"
            },


          配置之后你會(huì)發(fā)現(xiàn),該字段只對(duì) yarn 生效。那如何對(duì) npm 也生效呢?

          在項(xiàng)目根目錄下的 .npmrc 文件中增加如下配置


          // .npmrc
          engine-strict = true


          以上配置完成后,npm install 試試吧,錯(cuò)誤的 Node.js 將直接退出


          鎖定包管理器



          利用 only-allow 工具包、npm scripts 快速實(shí)現(xiàn)鎖定。


          步驟一:在項(xiàng)目中 npm install -D only-allow

          步驟二:在 package.json 文件中進(jìn)行配置 scripts.preinstall , 允許輸入的值 only-allow npm、only-allow pnpm、only-allow yarn

          // package.json
          "scripts": {
              "preinstall""only-allow npm",
              ...
          }


          以上配置完成后,可以再亂用 (yarn、npm、pnpm) 試試




          點(diǎn)擊左下角閱讀原文,到 SegmentFault 思否社區(qū) 和文章作者展開(kāi)更多互動(dòng)和交流,掃描下方”二維碼“或在“公眾號(hào)后臺(tái)回復(fù)“ 入群 ”即可加入我們的技術(shù)交流群,收獲更多的技術(shù)文章~

          - END -


          瀏覽 33
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国产精品麻豆三级三级视频 | 大香蕉伊思人在线 | 一区二区三区免费观看 | 呜呜视频网站在线观看 | 天天综合~91入口 |