动态

详情 返回 返回

JavaScript模塊化標準 - 动态 详情

為什麼模塊化(Why)

如果你將項目拆分成小的單獨文件中,這樣開發軟件通常會很簡單,因為這通常會消除無法預知的相互影響(remove unexpected interaction),以及顯著降低了所要解決的問題的複雜度(complexity of the problem),並且可以在項目最初時,就簡潔地編寫小的項目(不一定是標準答案)。不幸的是,JavaScript 以往並沒有將此功能作為語言的核心功能。

(注意 Rollup 本身會處理配置文件,所以可以使用 export default 語法——代碼不會經過 Babel 等類似工具編譯,所以只能使用所用 Node.js 版本支持的 ES2015 語法。)

我們通過相對路徑,將一個入口文件和一個模塊創建成了一個簡單的 bundle。隨着構建更復雜的 bundle,通常需要更大的靈活性——引入 npm 安裝的模塊、通過 Babel 編譯代碼、和 JSON 文件打交道等。

為此,我們可以用 插件(plugins) 在打包的關鍵過程中更改 Rollup 的行為。

(我們用的是 --save-dev 而不是 --save,因為代碼實際執行時不依賴這個插件——只是在打包時使用。)

JavaScript模塊化標準與嚴格模式
Rollup 打包

webpack的publicPath、rollup的paths: 這些路徑將被用於生成的包而不是模塊ID,從而允許您(例如)從CDN加載依賴關係.

Add a new 评论

Some HTML is okay.