国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

前端進階（10） - webpack 之外的另一種選擇：parcel

sutaking / 694人閱讀

摘要：便提供了一個額外的選擇，對于不喜歡配置的開發者尤其友好，因為沒有配置文件，僅有的少量配置項也是從命令行輸入。另外會自動識別安裝在中的插件，然后導入，而無需手動配置。與相比，零配置是最大的特點與優勢，但沒有功能強大，也缺少了些靈活性。

webpack 之外的另一種選擇：parcel

之前有寫過一篇 webpack 之外的另一種選擇：rollup，這次算是姊妹篇，介紹另外一個工具 parcel.

現在前端打包基本上都會用 webpack，但經常使用 webpack 的開發者基本都有一個體會：配置比較復雜，尤其是有很多項目的時候，更新需要到處改配置。

parcel 便提供了一個額外的選擇，對于不喜歡配置的開發者尤其友好，因為 parcel 沒有配置文件，僅有的少量配置項也是從命令行輸入。另外 parcel 會自動識別安裝在 package.json 中的 parcel 插件，然后導入，而無需手動配置。

1. parcel 1.1 安裝 
# 全局
npm install -g parcel-bundler

# 本地
npm install --save-dev parcel-bundler
1.2 開發

parcel 可以使用任何類型的文件作為入口，但一般是以 HTML 或 JavaScript 文件作為入口文件。

當以一個 html 文件作為入口進行開發時，在 html 文件中，你可以聲明多個 js 入口文件，也可以聲明多個 css 入口文件，也可以加載其他的靜態資源（如圖片）。




  
  Title

但一般都會只有一個 js 入口，css 使用 js 來加載。




  
  Title

運行開發命令

parcel path/to/target.html

打包

parcel build path/to/target.html

以一個 js 文件作為入口進行開發也是類似的，可以參考官方文檔 https://parceljs.org/。

2. parcel vs webpack

與 webpack 相比，零配置是 parcel 最大的特點與優勢，但 parcel 沒有 webpack 功能強大，也缺少了些靈活性。

3. 后續

更多博客，查看 https://github.com/senntyou/blogs

作者：深予之 (@senntyou)

版權聲明：自由轉載-非商用-非衍生-保持署名（創意共享3.0許可證）

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97799.html

相關文章

  • 前端進階（6） - webpack 之外的另一種選擇：rollup

    摘要：之外的另一種選擇對前端來說是再熟悉不過的工具了，它提供了強大的功能來構建前端的資源，包括等語言腳本，也包括等二進制文件。所以，一個不錯的選擇是，應用使用，類庫使用。 webpack 之外的另一種選擇：rollup webpack 對前端來說是再熟悉不過的工具了，它提供了強大的功能來構建前端的資源，包括 html/js/ts/css/less/scss ... 等語言腳本，也包括 ima...

    stefan 評論0 收藏0

  • 前端進階（14） - 如何提升前端性能和響應速度

    摘要：一般建議文件最大不超過。按需加載可以減小首屏加載文件的體積，達到提高響應速度的目的。如果你的項目不需要處理靜態資源如圖片，也不需要按需加載，并追求前端高性能的話，可以嘗試。 如何提升前端性能和響應速度 下面大多是從前端工程化的角度給出的優化建議，如果需要了解語法上的優化，可以參考： 如何提高頁面加載速度 編寫高效的JavaScript Web前端性能優化進階 - 完結篇 1. 原生...

    lylwyy2016 評論0 收藏0

  • 前端進階（14） - 如何提升前端性能和響應速度

    摘要：一般建議文件最大不超過。按需加載可以減小首屏加載文件的體積，達到提高響應速度的目的。如果你的項目不需要處理靜態資源如圖片，也不需要按需加載，并追求前端高性能的話，可以嘗試。 如何提升前端性能和響應速度 下面大多是從前端工程化的角度給出的優化建議，如果需要了解語法上的優化，可以參考： 如何提高頁面加載速度 編寫高效的JavaScript Web前端性能優化進階 - 完結篇 1. 原生...

    Airy 評論0 收藏0

  • 前端構建工具整理

    摘要：常見前端構建工具的分類和對比是附帶的包管理器，是內置的一個功能，允許在文件里面使用字段定義任務在這里，一個屬性對應一段腳本，原理是通過調用去運行腳本命令。 前文 端技術范圍不斷發展，前端開發不僅限于直接編寫html，css和javascript，Web應用日益龐大，代碼也更加龐大，因此許多新的思想（例如模塊化和工程化等）和框架（React和Vue等），以及新的語言（Es6 TypeSc...

    leo108 評論0 收藏0

  • 前端進階（9） - js 性能優化利器：prepack

    摘要：性能優化利器性能優化性能優化不外乎從三個角度入手開發者在編寫程序時，盡量避免不必要的冗余代碼，包括冗余的第三方庫首先要避免不必要的冗余代碼，包括不必要的閉包不必要的變量與函數聲明不必要的模塊分割等。 js 性能優化利器：prepack 1. js 性能優化 js 性能優化不外乎從三個角度入手： 1.1 開發者在編寫程序時，盡量避免不必要的冗余代碼，包括冗余的第三方庫 首先要避免不必要的...

    JouyPub 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<