搭建乙個方法庫

2021-10-22 04:24:01 字數 1784 閱讀 1861

本文講述如何搭建乙個自己的js常用方法庫,並引入typescript,打包工具使用rollup。

示例**詳見dc-utils

package.json

執行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 loginnpm 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...