本來打算一心跟著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 注意 不能作為類的字段 這點尤為重要,即類...