JS打包流程

安裝依賴環(huán)境

安裝js 打包需要的依賴的環(huán)境
npm install -g browserify
npm install --save-dev babelify @babel/core
npm install uglify-js -g
npm install --save-dev @babel/preset-env

添加打包腳本

將打包腳本復(fù)制 package.json文件中, 其中 xxx1是ts源文件路徑, xxx2是編譯后的js文件路徑, xxx3是打包后的js的文件路徑.

{
  "scripts": {
    "build": "rm -rf ./dist && tsc src/xxx1.ts && mkdir dist && npx browserify src/xxx2.js -t [ babelify --presets [ @babel/preset-env ] ] | uglifyjs --compress --mangle > ./dist/xxx3_min.js",
    "clean": "rm -rf dist"
  },
  "dependencies": {
    "xxx": "^0.30.0",
    "bignumber.js": "^9.1.1"
  }
}

導(dǎo)入依賴的庫(kù)

const { XXX } = require('xxxx');

導(dǎo)出方法讓外部可以調(diào)用到

globalThis.XXX = XXX
globalThis.XXX = XXX

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末县钥,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子禽作,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,695評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡邑时,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,569評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門垄惧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)刁愿,“玉大人绰寞,你說(shuō)我怎么就攤上這事到逊∠晨冢” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 168,130評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵觉壶,是天一觀的道長(zhǎng)脑题。 經(jīng)常有香客問(wèn)我,道長(zhǎng)铜靶,這世上最難降的妖魔是什么叔遂? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,648評(píng)論 1 297
  • 正文 為了忘掉前任,我火速辦了婚禮争剿,結(jié)果婚禮上已艰,老公的妹妹穿的比我還像新娘。我一直安慰自己蚕苇,他們只是感情好哩掺,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,655評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著涩笤,像睡著了一般嚼吞。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蹬碧,一...
    開(kāi)封第一講書(shū)人閱讀 52,268評(píng)論 1 309
  • 那天舱禽,我揣著相機(jī)與錄音,去河邊找鬼恩沽。 笑死誊稚,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的飒筑。 我是一名探鬼主播片吊,決...
    沈念sama閱讀 40,835評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼协屡!你這毒婦竟也來(lái)了俏脊?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,740評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤肤晓,失蹤者是張志新(化名)和其女友劉穎爷贫,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體补憾,經(jīng)...
    沈念sama閱讀 46,286評(píng)論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡漫萄,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,375評(píng)論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了盈匾。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腾务。...
    茶點(diǎn)故事閱讀 40,505評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖削饵,靈堂內(nèi)的尸體忽然破棺而出岩瘦,到底是詐尸還是另有隱情未巫,我是刑警寧澤,帶...
    沈念sama閱讀 36,185評(píng)論 5 350
  • 正文 年R本政府宣布启昧,位于F島的核電站叙凡,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏密末。R本人自食惡果不足惜握爷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,873評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望严里。 院中可真熱鬧新啼,春花似錦、人聲如沸刹碾。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,357評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)教硫。三九已至叨吮,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間瞬矩,已是汗流浹背茶鉴。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,466評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留景用,地道東北人涵叮。 一個(gè)月前我還...
    沈念sama閱讀 48,921評(píng)論 3 376
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像伞插,于是被迫代替她去往敵國(guó)和親割粮。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,515評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容

  • 1. 介紹 webpack是一個(gè)模塊打包(module bundler)工具媚污。 A bundler for jav...
    nimw閱讀 770評(píng)論 0 1
  • 1. 創(chuàng)建文件夾react-family并進(jìn)入 2. npm init -y 生成package.json 3.安...
    吸貓群眾閱讀 710評(píng)論 0 0
  • 33舀瓢、JS中的本地存儲(chǔ) 把一些信息存儲(chǔ)在當(dāng)前瀏覽器指定域下的某一個(gè)地方(存儲(chǔ)到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,085評(píng)論 0 2
  • 1. 當(dāng)前 Web 開(kāi)發(fā)面臨的困境 文件依賴關(guān)系錯(cuò)綜復(fù)雜 靜態(tài)資源請(qǐng)求效率低 模塊化支持不友好 瀏覽器對(duì)高級(jí) Ja...
    Imkata閱讀 1,623評(píng)論 0 0
  • 配置前說(shuō)明:確保已安裝node環(huán)境耗美。 檢查是否安裝node環(huán)境: 一京髓、配置前命令簡(jiǎn)寫(xiě)說(shuō)明: 1、npm i 和np...
    u5f20u5929u8000閱讀 1,483評(píng)論 3 7