前端資源多個產品整站一鍵打包 包版本管理(一)

2022-07-05 04:27:10 字數 1548 閱讀 7894

來新公司工作的第五個月、整站資源打包管理也提上了日程。

問題:

首先、什麼是整站的打包管理呢?

各個部門的前端資源也是到處都是、難以管理、於是就提出了整站資源共享、整站資源共享的前提就是資源打包能統

一、在幾個產品裡面、既有使用grunt的也有使用glup的,各個產品引入的包的版本也不一樣。

目標:

統一打包工具

對於公用的包使用bower包管理工具統一管理

自定義的包不計入bower範圍內

實現整站一鍵打包

首先就是要統一打包工具,經過討論,我們統一使用gulp來打包前端資源

(本地環境要求:node.js npm gulp bower sass less)

一路next就可以了

安裝好之後我們開啟控制台可以檢視版本

node -v

v6.2.0

npm -v

3.9.5

接下來安裝gulp(前端資源打包工具)

npm install gulp -g  //

全域性安裝

gulp -v //

檢測版本、是否安裝成功

cli version 3.9.1

//顯示版本、安裝成功

bower 安裝(前端資源管理工具)

pm install bower -g  //

全域性安裝bower

bower -v //

檢查bower安裝是否成功

1.7.9

//成功返回版本

sass 安裝首先要安裝ruby

安裝完ruby之後,在開始選單中,找到剛才我們安裝的ruby,開啟start command prompt with ruby

gem install sass //

安裝sass

sass -v //

檢視sass版本

sass 3.4.22 (selective steve) //

返回版本號則成功安裝

sass安裝不了的童鞋可以使用**映象或者翻個牆~

1、首先配置package.json檔案

,

"scripts": ,

"main": "gulpfile.js",

"dependencies":

}

說明:dependencies 就是我們打包時需要用到的包、可以在npm社群或者github裡面找到具體用法、接下來我會對包的用法進行進一步的講解

儲存好package.json後 我們用命令列輸入

npm install
安裝工具的過程可能會有點久,有時網路不行會出現卡頓、

最後整理出來的目錄

先寫這麼多.......明天繼續

bat 一鍵啟動多個程式

每次開機,都要啟動一大堆軟體,臥槽,頭疼,這個時候要是有個東西一次能把我需要的都啟動就好了 終於,它來了,它邁著堅定的步伐走來了,哈哈哈 使用方法 新建文字,複製下面 位址改為 exe所在路徑,檔案字尾改為bat,雙擊bat檔案,乙個字 爽 注 檔案儲存時編碼選 ansi echo off echo...

一鍵合併多個Excel文件

在我們的日常工作中,經常會遇到各種excel合併的需求,例如 應用場景1 小王做好乙份excel調查表模板,分發下去。然後收到了100份結果檔案。備註 每個人收到乙個excel檔案,每個檔案中的sheet數和字段類似 應用場景2 老闆 小王啊,把17年,18年每個月的工資調整到乙個sheet中,一會...

Python 字典中一鍵對應多個值

python 字典中一鍵對應多個值 encoding utf 8 print 中國 字典的一鍵多值 print 方案一 list作為dict的值 值允許重複 d1 key 1 value 2 value 2 printd1 獲取值 print 方案一 獲取值 printlist d1 key pri...