入坑 webpack4 0 檔案打包

2021-08-22 15:18:03 字數 761 閱讀 5328

博主最近入坑 webpack 進行前端檔案的打包,由於前端技術的更新迭代,博主也是遇到了不少坑。接下來這篇部落格是對 webpack 的一些基本的介紹。 

版本打包命令

3.0 ~ 4.0

webpack 打包檔案 輸出檔案

4.0+

webpack 打包檔案 -o 輸出檔案

下面是乙個 在專案根目錄下的 webpack.config.js 檔案的打包配置的基本寫法:

webpack.config.js

var htmlwp = require('html-webpack-plugin');

// 熱重新整理配置

module.exports=,

module:,,,

,},,]

},plugins: [

new htmlwp()

]}

其次是博主使用 vue 開發,其中會用到的一些外掛程式,外掛程式與外掛程式之間的版本要互相匹配,不然會有錯誤衝突,這是乙個坑,下面博主提供自己寫demo時會用到的版本配置

package.json

,

"author": "",

"license": "isc",

"devdependencies": ,

"description": "",

"dependencies":

}

拿到這個檔案後,可以直接在該檔案目錄下開啟命令列輸入

webpack

webpack4 0打包的時候一些技巧

4.0的webpack要比之前的版本強大的不是一點點 打包的時候也做了很多優化 然後說一些這段時間發現的有趣的技巧 1.打包出來的檔案很大,不知道是什麼原因可以用 webpack bundle analyzer 很牛逼的分析工具,能知道打包出來的檔案的都來自於屬什麼地方,每個有多大 使用方法很簡單 ...

5 檔案許可權 檔案壓縮打包

命令 解釋ls lh 顯示許可權 chmod ugo rwx dir1 新增所有者 群組 其他人在dir1的讀 寫 執行許可權 chmod go rex dir1 刪除群組 其他人對dir1讀 寫 執行許可權 chown user1 file1 更改file1的所有者為user1 chown r u...

20181218檔案壓縮和打包

命令 gzip gunzip gzip壓縮和gunzip解壓 用法 gzip gunzip是用來壓縮和解壓單個檔案 如 在 root目錄下壓縮install.log檔案,壓縮後生成的檔案是install.log.gz檔案,然後在使用gunzip檔案將其解壓縮,命令如下 root localhost ...