成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

生成自己的js工具包，包括打包webpack、測試mocha、生成文檔jsdoc、發(fā)布npm包的操作

Code4App / 1646人閱讀

摘要：包說明包實(shí)際是一個(gè)存檔文件，即一個(gè)目錄直接打包為或格式的文件，安裝后解壓還原為目錄。完全符合規(guī)范的包目錄應(yīng)該包含如下這些文件包描述文件。用于存放單元測試用例的代碼。

keepsmiling說明

一些常用的函數(shù)集合，主要用到的技術(shù)如下：

ES6的包處理方式；

webpack打包方式；

BDD測試用例，只寫了部分；

使用jsdoc生成注釋文檔；

你用eslint優(yōu)化代碼格式；

主要在于學(xué)習(xí)相關(guān)的技術(shù)與在平時(shí)的開發(fā)中總結(jié)一些常用的技巧，當(dāng)然很多的函數(shù)是借用前輩經(jīng)驗(yàn)。

項(xiàng)目運(yùn)行 下載及查看

node 需要 6.0 以上版本。

$ https://github.com/moonbreezee/keepsmiling.git

$ cd keepsmiling

$ npm i 或者 yarn

$ npm run dev
目錄說明 
keepsmiling
  |—— lib // 源文件目錄
  |   |—— index.js // 入口文件
  |   |—— *.js // 其他相關(guān)文件
  |—— dist // 生成文件目錄，modules引用文件
  |—— doc // 生成的jsdoc說明文檔，點(diǎn)擊index.html可以本地查看
  |—— scripts // 用到的腳本文件及相關(guān)配置
  |—— static // index.html本地調(diào)試page
  |—— test // 測試用例
常用命令 
$ npm run dev 開發(fā)模式

$ npm run build 生成可用非壓縮文件

$ npm run dep 生成可用壓縮文件, 用于部署到npm

$ npm run test 測試函數(shù)

$ npm run eslint 測試代碼規(guī)范
publish操作

需要發(fā)布npm上，需要如下操作:
修改package的version，說明CHANGELOG，然后登錄與發(fā)布，需要本地執(zhí)行$ npm run beforePublish，提交之后執(zhí)行。

$ npm login
npm publish
npm包說明

npm包實(shí)際是一個(gè)存檔文件，即一個(gè)目錄直接打包為.zip或tar.gz格式的文件，安裝后解壓還原為目錄。
完全符合CommonJS規(guī)范的包目錄應(yīng)該包含如下這些文件:

package.json : 包描述文件。

bin: 用于存放可執(zhí)行二進(jìn)制文件的目錄。

lib：用于存放javascript代碼的目錄。

doc：用于存放文檔的目錄。

test: 用于存放單元測試用例的代碼。

開發(fā)npm包模塊的時(shí)候，就可以按照以上目錄結(jié)構(gòu)，進(jìn)行開發(fā)：

lib目錄下存放業(yè)務(wù)邏輯文件

test目錄下存放單元測試用例

.npmignore記錄哪些文件不需要被發(fā)布到npmjs.org

.travis.yml是持續(xù)集成服務(wù)travis的描述文件

index.js是入口文件

makefile方便我們用make test進(jìn)行測試

README.md是此module的描述和使用方法

JSDoc生成文檔的說明

JSDoc官網(wǎng)文檔

在線預(yù)覽文檔

eslint配置

全局安裝eslint，然后初始化配置文件，目前使用版本^4.19，可以依據(jù)需要選擇選擇修改：
修改的部分規(guī)則

no-useless-escape 不允許在字符串和正則表達(dá)式中使用無意義的換行符
"no-useless-escape": "off",
單體測試（BDD測試，Behavior Driven Development）

測試腳手架：karam
測試框架：mocha
斷言庫：power-assert

后續(xù)說明

后續(xù)還要不斷的完善

github地址
npm上包地址

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108758.html

相關(guān)文章

  • JavaScript開發(fā)工具大全

    摘要：發(fā)布于之后，采用了完全不同的方式，使用函數(shù)定義任務(wù)。它允許開發(fā)者使用它們的補(bǔ)丁和更新來修復(fù)這些安全漏洞。提供了工具用于掃描依賴來監(jiān)測漏洞。是一個(gè)開源診斷工具，用于和應(yīng)用。是和開發(fā)的一款新的包管理工具。與相比，它解決了安全性能以及一致性問題。 譯者按: 最全的JavaScript開發(fā)工具列表，總有一款適合你！ 原文: THE ULTIMATE LIST OF JAVASCRIPT TOO...

    nifhlheimr 評(píng)論0 收藏0

  • 你不知道的前端SDK開發(fā)技巧

    摘要：一個(gè)帶提示的最后對(duì)于開發(fā)同學(xué)來說，就算不使用，也強(qiáng)烈建議使用提供注解，它會(huì)通過一些類型推導(dǎo)來檢查你的代碼的正確性，可以減少很多開發(fā)過程中的。相對(duì)于對(duì)象，它保證了輸入的類型你定義的對(duì)象可能某一天不再只有類型的，不再需要額外的類型判斷。 作者：陳達(dá)孚 香港中文大學(xué)研究生,《移動(dòng)Web前端高效開發(fā)實(shí)戰(zhàn)》作者之一，《前端開發(fā)者指南2017》譯者之一，在中國前端開發(fā)者大會(huì),中生代技術(shù)大會(huì)等技術(shù)...

    jokester 評(píng)論0 收藏0

  • 2020年如何寫一個(gè)現(xiàn)代的JavaScript庫

    摘要：我寫過一些開源項(xiàng)目，在開源方面有一些經(jīng)驗(yàn)，最近開到了阮老師的微博，深有感觸，現(xiàn)在一個(gè)開源項(xiàng)目涉及的東西確實(shí)挺多的，特別是對(duì)于新手來說非常不友好最近我寫了一個(gè)，旨在從多方面快速幫大家搭建一個(gè)標(biāo)準(zhǔn)的庫，本文將已為例，介紹寫一個(gè)開源庫的知識(shí) 我寫過一些開源項(xiàng)目，在開源方面有一些經(jīng)驗(yàn)，最近開到了阮老師的微博，深有感觸，現(xiàn)在一個(gè)開源項(xiàng)目涉及的東西確實(shí)挺多的，特別是對(duì)于新手來說非常不友好 show...

    joyqi 評(píng)論0 收藏0

  • 本命年一定要記得穿紅褲衩：2015年總結(jié)

    摘要：年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無奈。這一年最重要的事情就是順利從一只學(xué)生狗轉(zhuǎn)職為一只社畜。四月份畢業(yè)之后以前端工程師的職位入職天貓，到現(xiàn)在也差不多工作一年了。 年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無奈。本來計(jì)劃過年寫的，沒想到Steam竟然開了個(gè)農(nóng)歷春節(jié)特惠，然后就被各種游戲打了，辣雞平臺(tái)，斂我錢財(cái)，頹我精神，耗我青春，害我單身 以下全都是個(gè)人看法，如果有不認(rèn)同的地方，請(qǐng)大吼一聲...

    AlienZHOU 評(píng)論0 收藏0

  • 本命年一定要記得穿紅褲衩：2015年總結(jié)

    摘要：年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無奈。這一年最重要的事情就是順利從一只學(xué)生狗轉(zhuǎn)職為一只社畜。四月份畢業(yè)之后以前端工程師的職位入職天貓，到現(xiàn)在也差不多工作一年了。 年終總結(jié)結(jié)果到這個(gè)時(shí)間才寫，其實(shí)也是無奈。本來計(jì)劃過年寫的，沒想到Steam竟然開了個(gè)農(nóng)歷春節(jié)特惠，然后就被各種游戲打了，辣雞平臺(tái)，斂我錢財(cái)，頹我精神，耗我青春，害我單身 以下全都是個(gè)人看法，如果有不認(rèn)同的地方，請(qǐng)大吼一聲...

    xi4oh4o 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<