webpack主要是用來處理模組化開發,所以對於檔案壓縮等等一些操作,需要通過外掛程式來完成。
webpack內建了一些外掛程式,例如js壓縮外掛程式,我們使用的時候,直接配置plugins屬性即可使用。
webpack中內建的js壓縮外掛程式,存放在webpack的optimize物件下。
webpack.config.js
// webpack中內建的js壓縮外掛程式,存放在webpack的optimize物件下
// 引入webpack模組
var webpack = require('webpack')
// 快取外掛程式名稱,以便簡化後面的配置
var uglifyjsplugin = webpack.optimize.uglifyjsplugin;
module.exports = ,
// 我們要壓縮所有的js檔案,所以引入js壓縮外掛程式
plugins:[
// 每個成員代表乙個外掛程式
new uglifyjsplugin
]}
我們來看一下webpack.optimize下屬的類物件 webpack JS相容性處理
js相容性處理babel的使用 執行前 es6 寫法 指定相容瀏覽器版本範圍 targets plugins new htmlwebpackplugin devserver 它把所有的相容性的 全部引入,體積太大 babel loader babel core babel preset env co...
node 字型壓縮外掛程式 font spider
需求 根據甲方要求,使用ui中指定字型 移動端預設顯示系統預設字型,非系統預設字型需要自行引入字型包 字型包過大,字型包通常在幾mb,嚴重拖累頁面載入速度 分析 文字內容為固定內容,不需要更新 文字內容大多為常用文字,大多文字用不上 外掛程式 font spider node 安裝外掛程式方法 np...
H5單檔案壓縮外掛程式
單檔案壓縮上傳 input type file id file 建構函式 function upfileimg options var that this 讀取檔案 this.setfilesreader function file 壓縮檔案 this.compress function res,f...