用webpack來取代browserify

2021-06-29 03:55:39 字數 966 閱讀 6212

本來打算一心跟著browserify走的,但是無奈它的transform機制令人煩躁。今天有這麼乙個需求,配置了一會,感覺用browserify搞不定。

乙個react專案,我的jsx檔案需要編譯,於是jsx中會require('react'),但是我又不想在輸出的bundle.js中包含react那1.5w行的**,原因有二:

於是我找到了browserify + literalify的解決方案,無奈的是始終無法搓合browserify + reactify + literalify,只得放棄。

開始嘗試其競品webpack,webpack做為乙個專業的面向web的打包工具,擁用了一系列browserify不具備的,得依靠外掛程式才能完成的事情。

在webpack中完成我的需求就非常簡單了,只須要乙個webpack.config.js檔案說明一下配置項即可:

module.exports = ,

// 表示這個依賴項是外部lib,遇到require它不需要編譯,

// 且在瀏覽器端對應window.react

externals: ,

// 凡是遇到jsx結尾的,都用jsx-loader這個外掛程式來載入,

// 且啟用harmony模式

module: ]}

};

再執行一下webpack,整個世界都好了。

而且webpack還自帶watch功能,只需要webpack --progress --colors --watch就能看到帶進度,帶顏色的輸出了。

最後在packages.json中的scripts下加上:

"pack": "webpack --progress --colors --watch"
從此就只用輸入npm run-script pack來執行嘍。

用screen 取代nohup命令

大家在起後台服務,或者長時間執行某個指令碼的時候。是不是感覺,互動性很差,有時,想把結果直接在終端上輸出,又怕不小心關閉了終端導致程序退出?有些sshd服務還會設定連線超時,自動退出終端 現在用screen這個指令可以很好的解決跑後台服務的尷尬。命令其實超簡單的 直接在終端上輸入 screen 這個...

第7條 用列表推導式來取代map和filter

核心知識點 1.列表推導式要比內建的map和filter函式清晰,因為它無需額外編寫lambda表示式。2.列表推導式可以跳過輸入列表中的某些元素,如果改用map來做,那就必須輔以filter方能實現。3.字典與集也支援推導表示式。python提供了一套精煉的寫法,可以根據乙份列表裡製作另外乙份。這...

第10章 用Optional取代null

optional.empty optional.of optional.ofnullable 注意 map與flatmap對比 你永遠不要忘記語言的首要目的是溝通。optional無法序列化,設計的初衷僅僅是要支援能返回optional物件的語法。p212 注意 不能作為類的字段 這點尤為重要,即類...