壓縮/批量壓縮/合并js文件

寫在前面

如果文件少的話,直接去網站轉化一下就行。

http://tool.oschina.net/jscompress?type=3

1.壓縮單個js文件

cnpm install uglify-js -g 安裝
1>壓縮單個js文件
打開cmd,
目錄引到當前文件夾,cd
uglifyjs inet.js -o inet-min.js
或者
uglifyjs inet.js -m -o inet.min.js -m更小,-m參數所以就是把變量名變成a, b, c, d

2.壓縮批處理

@echo off
:: 設置壓縮JS文件的根目錄,腳本會自動按樹層次查找和壓縮所有的JS
SET JSFOLDER=C:\Users\Administrator\Desktop\formini
echo 正在查找JS文件
chdir /d %JSFOLDER%
for /r . %%a in (*.js) do (@echo 正在壓縮 %%~a ...uglifyjs %%~fa  -m -o %%~fa
)
echo 完成!
pause & exit

?新建一個txt文檔,任意命名,將上面的代碼粘貼進去,修改JSFOLDER后面的文件夾目錄為你自己的,然后把.txt后綴改成.bat就可以啦!然后雙擊就可以批量使用uglifyjs壓縮JS文件啦!

Koala 壓縮工具

http://koala-app.com/index-zh.html

使用: 把整個項目文件夾拖進來,或者點擊上邊的“+”號導入,刷新一下子。全選(如果有則除去不壓縮的文件)。右鍵,設置壓縮文件輸出地址。設置完成之后,執行編譯,所有文件對應得壓縮文件便會存在于之前設置的文件夾中。

導入已生成壓縮文件的文件夾。里面除了需要之前生成的壓縮文件之外,還需要有一個app.js文件。app.js文件格式如下下圖。

app.js文件

// @koala-prepend "1.js"
// @koala-prepend "2.js"
// @koala-prepend "3.js"
// @koala-prepend "4.js"

把需要合并的文件的名稱全部寫入app.js文件夾。

如果文件多的話,我寫了一個python腳本,運行一下就可以生成一個app.js文件。

如果沒有安裝python,就去安裝一下,或者自己手動敲進去。

python:https://www.python.org/downloads/

import os
// 已生成壓縮文件的路徑
filePath = 'C:\\Users\\Administrator\\Desktop\\123'
jsList = os.listdir(filePath)
str = ''
for item in jsList:str += '// @koala-prepend '+'"'+item+'"\n'filename = 'app.js'
with open(filename,'w') as file_object:file_object.write(str)print(str)
print("app.js 文件生成成功!")

將python代碼生成的文件移到已生成壓縮文件的文件夾中。

然后在Koala軟件中,右鍵 app.js ,點擊執行編譯。就會生成一個app.min.js文件。合并成功!

Koala使用參考:?https://www.cnblogs.com/mrhgw/p/4535429.html

?

轉載于:https://www.cnblogs.com/wjw1014/p/11212778.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/392430.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/392430.shtml
英文地址,請注明出處:http://en.pswp.cn/news/392430.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

angular依賴注入_Angular依賴注入簡介

angular依賴注入by Neeraj Dana由Neeraj Dana In this article, we will see how the dependency injection of Angular works internally. Suppose we have a component named appcomponent which has a basic and simple structure as follows:在本文中,我們將看…

leetcode 85. 最大矩形(dp)

給定一個僅包含 0 和 1 、大小為 rows x cols 的二維二進制矩陣,找出只包含 1 的最大矩形,并返回其面積。 示例 1: 輸入:matrix [[“1”,“0”,“1”,“0”,“0”],[“1”,“0”,“1”,“1”,“1”],[“1”,“1”,“1”,“1”,“…

如何查看系統版本

1. winR,輸入cmd,確定,打開命令窗口,輸入msinfo32,注意要在英文狀態下輸入,回車。然后在彈出的窗口中就可以看到系統的具體版本號了。 2.winR,輸入cmd,確定,打開命令窗口,輸入ver&am…

java activemq jmx_通過JMX 獲取Activemq 隊列信息

首先在 activemq.xml 中新增以下屬性在broker 節點新增屬性 useJmx"true"在managementContext 節點配置斷開與訪問服務iP配置成功后啟動下面來看測試代碼/*** Title: ActivemqTest.java* Package activemq* Description: TODO(用一句話描述該文件做什么)* author LYL…

風能matlab仿真_發現潛力:使用計算機視覺對可再生風能發電場的主要區域進行分類(第1部分)

風能matlab仿真Github Repo: https://github.com/codeamt/WindFarmSpotterGithub回購: https : //github.com/codeamt/WindFarmSpotter This is a series:這是一個系列: Part 1: A Brief Introduction on Leveraging Edge Devices and Embedded AI to …

【Leetcode_easy】821. Shortest Distance to a Character

problem 821. Shortest Distance to a Character 參考 1. Leetcode_easy_821. Shortest Distance to a Character; 完轉載于:https://www.cnblogs.com/happyamyhope/p/11214805.html

tdd測試驅動開發課程介紹_測試驅動開發的實用介紹

tdd測試驅動開發課程介紹by Luca Piccinelli通過盧卡皮奇內利 測試驅動開發很難! 這是不為人知的事實。 (Test Driven Development is hard! This is the untold truth about it.) These days you read a ton of articles about all the advantages of doing Test …

軟件安裝(JDK+MySQL+TOMCAT)

一,JDK安裝 1,查看當前Linux系統是否已經安裝了JDK 輸入 rpm -qa | grep java 如果有: 卸載兩個openJDK,輸入rpm -e --nodeps 要卸載的軟件 2,上傳JDK到Linux 3,安裝jdk運行需要的插件yum install gl…

leetcode 205. 同構字符串(hash)

給定兩個字符串 s 和 t,判斷它們是否是同構的。 如果 s 中的字符可以被替換得到 t ,那么這兩個字符串是同構的。 所有出現的字符都必須用另一個字符替換,同時保留字符的順序。兩個字符不能映射到同一個字符上,但字符可以映射自己…

Java core 包_feilong-core 讓Java開發更簡便的工具包

## 背景在JAVA開發過程中,經常看到小伙伴直接從網上copy一長段代碼來使用,又或者寫的代碼很長很長很長...**痛點在于:*** 難以閱讀* 難以維護* sonar掃描結果債務長* codereview 被小伙伴鄙視* ....feilong-core focus on J2SE,是[feilong platform](https://github.com/venusd…

TensorFlow 2.X中的動手NLP深度學習模型準備

簡介:為什么我寫這篇文章 (Intro: why I wrote this post) Many state-of-the-art results in NLP problems are achieved by using DL (deep learning), and probably you want to use deep learning style to solve NLP problems as well. While there are a lot …

靜態代碼塊

靜態代碼塊 靜態代碼塊:定義在成員位置,使用static修飾的代碼塊{ }。位置:類中方法外。執行:隨著類的加載而執行且執行一次,優先于main方法和構造方法的執行。格式:作用: 給類變量進行初始化賦值…

異步api_如何設計無服務器異步API

異步apiby Garrett Vargas通過Garrett Vargas 如何設計無服務器異步API (How To Design a Serverless Async API) I recently ran a workshop to teach developers how to create an Alexa skill. The workshop material centered around a project to return car rental sear…

C# 序列化與反序列化json

與合作伙伴討論問題,說到的c與c#數據的轉換調用,正好就說到了序列化與反序列化,同樣也可用于不同語言間的調用,做了基礎示例,作以下整理: 1 using System.Data;2 using System.Drawing;3 using System.Linq…

學java 的要點_零基礎學Java,掌握Java的基礎要點

對于程序員群體來說,了解一定的技巧會對學習專業技能更有幫助,也更有助于在自己的職業發展中處于有利地位,無限互聯Java培訓專家今天就為大家總結Java程序員入門時需要掌握的基礎要點:掌握靜態方法和屬性靜態方法和屬性用于描述某…

實驗人員考評指標_了解實驗指標

實驗人員考評指標In the first part of my series on experimental design Thinking About Experimental Design, we covered the foundations of an experiment: the goals, the conditions, and the metrics. In this post, we will move away from the initial experimental…

leetcode 188. 買賣股票的最佳時機 IV(dp)

給定一個整數數組 prices ,它的第 i 個元素 prices[i] 是一支給定的股票在第 i 天的價格。 設計一個算法來計算你所能獲取的最大利潤。你最多可以完成 k 筆交易。 注意:你不能同時參與多筆交易(你必須在再次購買前出售掉之前的股票&#xf…

kotlin編寫后臺_在Kotlin編寫圖書館的提示

kotlin編寫后臺by Adam Arold亞當阿羅德(Adam Arold) 在Kotlin編寫圖書館的提示 (Tips for Writing a Library in Kotlin) Writing a library in Kotlin seems easy but it can get tricky if you want to support multiple platforms. In this article we’ll explore ways f…

1.Swift教程翻譯系列——關于Swift

英文版PDF下載地址http://download.csdn.net/detail/tsingheng/7480427 我本來是做JAVA的。可是有一顆折騰的心,蘋果公布Swift以后就下載了蘋果的開發文檔。啃了幾天。朦朦朧朧的看了個幾乎相同,想靜下心看能不能整個翻譯出來。我英語一般般,…

核心技術java基礎_JAVA核心技術I---JAVA基礎知識(集合set)

一:集合了解(一)確定性,互異性,無序性確定性:對任意對象都能判定其是否屬于某一個集合互異性:集合內每個元素都是無差異的,注意是內容差異無序性:集合內的順序無關(二)集合接口HashSet&#xff…