博主最近入坑 webpack 進行前端檔案的打包,由於前端技術的更新迭代,博主也是遇到了不少坑。接下來這篇部落格是對 webpack 的一些基本的介紹。
版本打包命令
3.0 ~ 4.0
webpack 打包檔案 輸出檔案
4.0+
webpack 打包檔案 -o 輸出檔案
下面是乙個 在專案根目錄下的 webpack.config.js 檔案的打包配置的基本寫法:
webpack.config.js
其次是博主使用 vue 開發,其中會用到的一些外掛程式,外掛程式與外掛程式之間的版本要互相匹配,不然會有錯誤衝突,這是乙個坑,下面博主提供自己寫demo時會用到的版本配置var htmlwp = require('html-webpack-plugin');
// 熱重新整理配置
module.exports=,
module:,,,
,},,]
},plugins: [
new htmlwp()
]}
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 ...