<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ### webpack 是什么? * 模塊加載器 * 打包工具 把依賴模塊的js 文件、CSS樣式文件以及圖片等打包成靜態的資源。 ![](https://img.kancloud.cn/a8/b4/a8b4e88277b82058ef5e8f42984ea037_1035x436.png) ### webpack的作用 將依賴模塊轉換成代表這些包的靜態文件。其可以做到: * 按需加載依賴模塊, 好處包括: - 易管理 - 提升性能,特別是在大型項目 * 方便整合第三方庫 #### 為什么需要webpack這樣的工具 問題: 一個項目頁面如果包含很多js庫,比如jQuery 、jQuery UI等等,在瀏覽器端訪問的時候,需要將這些JS和CSS文件下載到本地。文件越多,需要傳輸的事件就越長,頁面載入的速度就越慢,于是,第一次優化: 優化: 減少傳輸文件的數量。 盡可能將資源合并到一個主文件中, 比如將所有的js合并到app.js中 ***** 問題: 文件的數量是少了,但是合并的文件的size比較大,以早期Ext JS為例, 單個文件超過了1M多,單個文件傳輸還是會耗費較長時間 優化:刪除不必要的注釋,壓縮文件。壓縮JS/CSS 類型文件的工具也很多比如雅虎開發的YUI Compressor。 ***** 問題: 雖然上面的方式已經改善了一點,但是進入第一個頁面就需要加載所有的資源, 某些資源當前這個頁面可能完全不需要,完全可以在下個頁面再載入。 另外, 某些庫之間有依賴關系,不同版本存在不兼容的問題,在大型項目,維護和跟蹤模塊之間的關系就變得很困難。 終極優化: webpack這樣的依賴管理和模塊打包系統。 ### webpack同類型工具 ### 參考地址 官方網址: [https://www.webpackjs.com/](https://www.webpackjs.com/) 文檔地址: [https://www.webpackjs.com/concepts/](https://www.webpackjs.com/concepts/)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看