1. 程式人生 > >最新gulp 整合打包(檔案壓縮編譯及版本號)

最新gulp 整合打包(檔案壓縮編譯及版本號)

1.原理:(以生產環境為例)

	監聽dest下靜態檔案,自動編譯static目錄,進而修改JSP包中引入路徑(無需清理瀏覽器快取,只需重新整理頁面)。

在這裡插入圖片描述

2.工具及配置

3.編譯內容

  • css檔案 瀏覽相容[gulp-autoprefixer]、壓縮[gulp-clean-css]、引入圖片(小於20KB)轉base64 編碼[gulp-base64]
  • js檔案 babel編譯[gulp-babel]、壓縮[gulp-uglify]、去除console|alert[gulp-strip-debug]
  • html檔案 壓縮[gulp-htmlmin]
  • image檔案 壓縮[gulp-imagemin
    ]
  • jsp檔案 引入靜態版本替換[gulp-rev,gulp-rev-collector]
  • 其他 任務順序[gulp-sequence]、來源地圖[gulp-sourcemaps]、[gulp-debug]、[gulp-changed]、[gulp-plumber]
4.命令
5.部署檔案注意事項
  • 優先部署jsp檔案,成功後再進行 靜態自動化部署

相關推薦

最新gulp 整合打包檔案壓縮編譯版本

1.原理:(以生產環境為例) 監聽dest下靜態檔案,自動編譯static目錄,進而修改JSP包中引入路徑(無需清理瀏覽器快取,只需重新整理頁面)。 2.工具及配置 3.編譯內容 css檔案

怎麼知道Java class檔案JDK編譯版本

首先用一些二進位制檢視器開啟class檔案,比如od或者hexdump工具。 od -x hello.class 或者 hexdump hello.class 我們會看到類似於下面的輸出: feca

MindManager2019破解版附破解補丁序列

思維導圖軟體MindManager2019是一款多功能思維導圖繪製軟體,如同一個虛擬的白板,僅僅通過單一檢視組織頭腦風暴、捕捉想法、交流規劃資訊,有其他軟體無法媲美的專案管理和商業規劃高階功能。 此次mindmanager2019增加了建立進度表、驗證需求、設定優先順序,從頭腦風暴到預算預測等功能, Min

使用gulp自動化打包合並前端靜態資源CSS、JS文件壓縮、添加版本

開發 替換 2.4 所有 vsu scom lena pfile sss 現在正在做的項目更新叠代比較頻繁,會經常對前端代碼打包部署,手動整合代碼文件很麻煩並且浪費時間,所以決定使用gulp來代替手工完成這項工作。 前端靜態資源在發版更新時會面臨客戶端瀏覽器緩存的問題(可參

一次專案中Gulp的使用壓縮、新增版本,自動化打包

一次專案中Gulp的使用 Gulp的準備工作 安裝Gulp 專案中初始化gulp 編寫gulp指令碼 打包結果 拓展 Gulp的準備工作 前段時間接手一個war專案,springmvc 前端

Linux文件壓縮打包gzip、bip2、xz工具

linux常見壓縮格式Windows:.rar、.zip、.7zLinux :.zip、.gz、.bz2、.xz、.tar、.gz、.tar.bz2、.tar.xzgzip壓縮工具用來壓縮文件(常用)gzip 1.txt 壓縮 1.txt g

軟體測試練手小專案檔案壓縮

此專案比較小,目的在於用來熟悉軟體測試流程,熟悉相關概念,瞭解禪道的使用。 1  專案啟動,介入瞭解需求         專案背景:磁碟空間不足,需要一個壓縮,解壓縮檔案的軟體。         目標:完成所有檔案型別的壓縮,解壓縮。         時間:2018-

基於Huffman樹的檔案壓縮原理C語言實現

在上文基於Huffman樹的檔案壓縮原理及C語言實現(一)中已經介紹並實現瞭如何建立Huffman樹,得到Huffman編碼,這篇我們將會接著說。如何通過Huffman樹,實現檔案壓縮。 實現思路 任何檔案都可以看作是由位元組組成的位元組塊,將位元組看作

gulp自動化打包

轉載自:http://blog.csdn.net/j_bleach/article/details/53047467 文章概述 本文分為上下兩篇,上篇主要介紹一些常用的gulp外掛(也是此次打包主要用的gulp外掛),而下篇主要以一個demo專案為例,從本地chec

CMake簡介,打包so檔案編譯實際專案 用valgrind測記憶體情況

開發十年,就只剩下這套架構體系了! >>>   

Hihocoder 1496 尋找最大值狀態壓縮 + 高位前綴和

ems sca 題目 二進制 包含 aps void post 前綴 題目鏈接 Hiho 1496 設$f[i]$為二進制集合包含$i$的最大的兩個數,這個東西用高維前綴和維護。 高位前綴和轉移的具體方案 :枚舉每一位,然後枚舉每個集合,大的轉移到小的。 註意合並的

Spring整合MyBatis 使用掃描包配置mapper代理

4.0 ike 生日 exce ini idl XML lis address Spring整合MyBatis (使用掃描包配置mapper代理) pojo是根據表生成的實體類,屬性名要跟字段名相同,不相同sql語句查詢時用別名。 首先導jar包 實體類 public cl

scala spark-streaming整合kafka spark 2.3 kafka 0.10

obj required word 錯誤 prope apache rop sta move Maven組件如下: <dependency> <groupId>org.apache.spark</groupId> <

vue 整合ueditor百度富文字編輯器以及使用後端Java上傳圖片到伺服器,特別注意的大坑

    1.import 引入ueditor時,在封裝元件中引入,不要在mian.js內引入,在main.js內引入會造成 1.Uncaught SyntaxError: Unexpected token : 這種錯誤,屬於是跨域問題,目前不清楚是什麼原因和原理,

PAT乙級——1078字串壓縮和解壓 判斷邊界Java實現

題目:字串壓縮與解壓 (20 分) 文字壓縮有很多種方法,這裡我們只考慮最簡單的一種:把由相同字元組成的一個連續的片段用這個字元和片段中含有這個字元的個數來表示。例如 ccccc 就用 5c 來表示。如果字元沒有重複,就原樣輸出。例如 aba 壓縮後仍然是 aba。 解壓方法就是

Java實現的SFTP檔案上傳詳解篇

JSch是Java Secure Channel的縮寫。JSch是一個SSH2的純Java實現。它允許你連線到一個SSH伺服器,並且可以使用埠轉發,X11轉發,檔案傳輸等,當然你也可以整合它的功能到你自己的應用程式。 本文只介紹如何使用JSch實現的SFTP功能

Spring Boot 整合Mybatis 之 Mapper外掛自動生成XMLMapper程式碼

pom檔案 主要程式碼 <dependencies> <dependency> <groupId>mysql</groupId> <artifactI

Java框架十五之springMVC檔案上傳、攔截器

一、jackson @RequestBody/ @ResponseBody處理Json資料 作用: @RequestBody註解用於讀取http請求的內容(字串),通過springmvc提供的HttpMessageConverter介面將讀到的內容轉換為json

CAS-SSO 單點登入之伺服器搭建 linux下編譯cas-overlay-template

(一)安裝包和環境依賴 jdk-8u171-linux-x64.tar apache-tomcat-8.5.31.tar apache-maven-3.5.3-bin.tar cas-overlay-template-master.zip 需要自行下載最新版本,官網

MyBatis之整合SpringDao和Mapper兩種方式

<beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://ww