詳解webpack提取第三方庫的正確姿勢

2022-09-26 10:48:41 字數 979 閱讀 4130

我們在用webpack打包是時候,常常想單獨提取第三方庫,把它作為穩定版本的檔案,利用瀏覽快取減少請求次數。常用的提取第三方庫的方法有兩種

區別:第一種每次打包,都要把第三方庫也執行打包一次,第二種方法每次打包只打包專案檔案,我們只要引用第一次打包好的第三方壓縮檔案就行了

commonschunkplugin方法簡介

我們拿vue舉例

const vue = require('vue')

, output: ,

plugins:

}然後打包生成的檔案引入到html檔案裡面

dllplugin方法簡介

首先準備兩個檔案

webpack.dll.config.js檔案配置如下

const webpack = require('webpack')

const 程式設計客棧library = '[name]_lib'

const path = require('path')

module.exports = ,

程式設計客棧 output: ,

plugins: [

new webpack.dllplugin(),

],}然後webpack.config.js 檔案配置如下

const webpack = require('webpack')

module.exports = ,

output: ,

plugins: [

new webpack.dllreferenceplugin(程式設計客棧)

]}然後執行

$ webpack --config webpack.dll.config.js

$ webpack --config webpack.config.js

html引用方式

程式設計客棧ipt src="/dist/app.bundle.js">

本文標題: 詳解webpack提取第三方庫的正確姿勢

本文位址:

PyThon第三方庫

本文 自 戀花蝶的部落格 今天公司停電,沒上班。跑上來更新個部落格,跟大家分享一下我常用的幾個第三方 python 庫。python 語言之所以能夠如此流行,除了本身內建許多程式庫來保障快速開發之外,目不睱接的第三方庫也是一大主因。結合我目前的工作 網遊開發 我常用的幾個第三方庫如下 wxpytho...

lua第三方庫

luacom 支援com呼叫 luadoc 支援lua 的文件生成 luaexpat 支援xml解析 luafilesystem 檔案系統訪問 lualogging 基於log4j的日誌 luaprofiler 效能測試工具 luasocket 網路庫,支援http,ftp,smtp,mime,ur...

常用第三方庫

1 通過cocoapods安裝 專案名稱 專案資訊 afnetworking 網路請求元件 fmdb 本地資料庫元件 sdwebimage 多個縮圖快取元件 uickeychainstore 存放使用者賬號密碼元件 reachability 監測網路狀態 datetools 友好化時間 mbprog...