本文講述如何搭建乙個自己的js常用方法庫,並引入typescript,打包工具使用rollup。package.json示例**詳見dc-utils
執行npm init
生成package.json檔案,並安裝下列typescript和rollup相關依賴
"devdependencies"
:
在"scripts"中新增打包命令
"scripts"
:
tsconfig.json
執行tsc --init
自動生產typescript配置檔案,可根據自己的需要進行配置(參考),本文示例未作更改
rollup.config.js
在根目錄建立乙個rollup.config.js檔案,配置如下,可根據自己的需要進行更改(文件)
import resolve from
'rollup-plugin-node-resolve'
;import commonjs from
'rollup-plugin-commonjs'
;import typescript from
'rollup-plugin-typescript'
;export
default
, plugins:
[resolve()
,// 查詢和打包node_modules中的第三方模組
commonjs()
,// 將 commonjs 轉換成 es2015 模組供 rollup 處理
typescript()
// 解析typescript]}
;
src
完成配置後即可編寫自己的具體方法庫內容,建立乙個src檔案件,建乙個index.ts檔案作為入口檔案,建乙個getdate.ts檔案
getdate.ts
// 格式化日期:yyyy-mm-dd
function
formatdate
(date: date)
: string
export
index.ts
import
*as getdate from
'./getdate'
;var utils =
export
default utils;
打包與測試
執行npm run build
命令,即可看到專案目錄生成的dist打包檔案
將readme.md和package.json複製到打包出來的資料夾下,進入該目錄執行npm login
和npm publish
發布方法庫。
此處我將示例的包命名為@dc/cli發布在私有庫上,私有庫的搭建可參考在docker中通過verdaccio搭建乙個私有npm庫(如果打不開可以看這個)
最終目錄結構
npm私有庫
在專案中安裝該方法庫,引入依賴,即可正常使用
import utils from
"@dc/utils"
;console.
log(utils.
formatdate
(new
date()
))
如何搭建乙個團隊 一
現在的社會不再是英雄獨行的社會,我們想做成一件事,往往需要乙個團隊的配合才能完成,只是根據專案的大小,這個團隊有大有小而已。無論團隊大小,本質上都是一樣。建設乙個團隊需要做的事情一件不能少,但是人數多的團隊與人數少的團隊在具體的處理上有一些差別。根據自己的經驗,我習慣將6人 12人作為兩個分界線。沒...
搭建乙個protractor專案
首先已經安裝好node.js與jdk了,再搭建protractor 說得更詳細的參考資料 在這裡說明主要步驟 可以去protractor官網 1.執行npm install g protractor 此命令同時安裝protractor與webdriver manager 後者是為了管理所有的webd...
搭建乙個MySQL環境
按照菜鳥教程 在windows上使用非安裝版本,mysql community server client 設定mysql客戶端預設字符集 default character set utf8 mysqld 設定3306埠 port 3306 設定mysql的安裝目錄 basedir c web m...