js和css怎麼合併（js如何合併對象）

本文目錄一覽：

網上有很多合併js、css的工具，在線的、服務器上自動合併的，發布項目的時候自動打包合併的，甚至wordpress插件形式的都有。

自己ctrl+c、ctrl+v手工也可以合併。

我就不明白什麼個人博客，小公司網站熱衷於合併這個那個，減少那一點點請求有嘛用。多數這種網站一天訪問量不會上萬。

人家淘寶、百度這些那是一天要處理數億的請求，光節約那點流量下來就是錢，快那0.01秒才體現得出用戶體驗的價值。小網站，你再打開快0.2秒，也絕定了沒人看，要看的始終會看。

gulp是基於Node.js的前端構建工具。所以首先需要安裝nodejs，安裝nodejs。

完成nodejs安裝之後，需要使用npm安裝gulp。

先安裝全局gulp

npm install -g gulp然後在項目根目錄下安裝本地gulp。

此時項目根目錄下會多出下面這個文件夾 node_modules

好的，現在gulp已經安裝完成了，但是gulp本身不提供js壓縮合併等功能，需要使用gulp的相關插件。目前只需要完成js壓縮合併和css文件壓縮的功能，先安裝相應的插件：

1.css壓縮 gulp-minify-css

2.js壓縮 gulp-uglify

3.js合併 gulp-concat

由於壓縮之前需要對js代碼進行代碼檢測，壓縮完成之後需要加上min的後綴，我們還需要安裝另外兩個插件：

新建一個css和js文件夾，然後把css文件和js文件分別放在這兩個文件夾裡面，最後鏈接到HTML界面即可。

打開 – Ctrl+A – Ctrl+C – 新建 –

Ctrl+V …… Ctrl+V …… Ctrl+V –

Ctrl+S

就是將多個js或css文件合併成一個js或css文件，

就是將多個js或css文件的內容放到一個js或css文件里。

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/285669.html