來新公司工作的第五個月、整站資源打包管理也提上了日程。
問題:
首先、什麼是整站的打包管理呢?
各個部門的前端資源也是到處都是、難以管理、於是就提出了整站資源共享、整站資源共享的前提就是資源打包能統
一、在幾個產品裡面、既有使用grunt的也有使用glup的,各個產品引入的包的版本也不一樣。
目標:
統一打包工具
對於公用的包使用bower包管理工具統一管理
自定義的包不計入bower範圍內
實現整站一鍵打包
首先就是要統一打包工具,經過討論,我們統一使用gulp來打包前端資源
(本地環境要求:node.js npm gulp bower sass less)
一路next就可以了
安裝好之後我們開啟控制台可以檢視版本
node -vv6.2.0
npm -v接下來安裝gulp(前端資源打包工具)3.9.5
npm install gulp -g //bower 安裝(前端資源管理工具)全域性安裝
gulp -v //
檢測版本、是否安裝成功
cli version 3.9.1
//顯示版本、安裝成功
pm install bower -g //sass 安裝首先要安裝ruby全域性安裝bower
bower -v //
檢查bower安裝是否成功
1.7.9
//成功返回版本
安裝完ruby之後,在開始選單中,找到剛才我們安裝的ruby,開啟start command prompt with ruby
gem install sass //sass安裝不了的童鞋可以使用**映象或者翻個牆~安裝sass
sass -v //
檢視sass版本
sass 3.4.22 (selective steve) //
返回版本號則成功安裝
1、首先配置package.json檔案
,說明:dependencies 就是我們打包時需要用到的包、可以在npm社群或者github裡面找到具體用法、接下來我會對包的用法進行進一步的講解"scripts": ,
"main": "gulpfile.js",
"dependencies":
}
儲存好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...