webstorm 设置uglify 压缩js文件

第一步:打开npm,全局安装

npm install uglify-js -g

第二步:

  打开webstorm的file->settings ->External Tools,点击左上角的“加号”标志add,进入对话框

   

第三步:在webstorm中的命令行,切换到要压缩的文件目录,输入命令

uglifyjs xxxx.js -o xxxx-min.js

  

 成功!

时间: 2024-10-15 17:34:48

webstorm 设置uglify 压缩js文件的相关文章

用GruntJS合并、压缩JS文件

长期东忙西忙,却不忙更新自己的博客,缺少输出,甚为惭愧 记得我当初刚接触GruntJS的时候对NodeJS一知半解,所以第一次使用花了些时间才熟悉起来.本文希望能帮助朋友们快速入门. 为什么要合并.压缩你的JS文件? 在开始之前,先重申一下这个问题.因为经常在帮忙改东西的时候看到HTML页面上引用了N个JS,而通常看到这个就知道这人JS写得有多糟糕了.HTML里穿插一堆JS代码的我就不吐槽了. 一般在一个HTML文档加载的时候,浏览器会根据HTML代码从上到下读取所需要加载进来的CSS.JS.图

前端开发环境之GRUNT自动WATCH压缩JS文件与编译SASS文件

前端开发环境之GRUNT-JAVASCRIPT任务运行器 前言: 1.sass编译为css文件,早先时刻写css,后来看了sass挺不错的,于是在新的项目中开始使用上了sass. 原方法: ①安装ruby ②编译sass文件(eg:style) sass style.scss style.css ③监控文件/文件夹的变化来自动编译sass文件 sass --watch style.scss:style.css #file sass --watch cssFilePath            

iis7 压缩js文件和启用gzip压缩

压缩js文件 打开IIS 7的配置文件:c:\windows\system32\inetsrv\config\applicationhost.config 在<staticContent lockAttributes="isDocFooterFileName">中添加: <remove fileExtension=".js" /><mimeMap fileExtension=".js" mimeType="

如何使用grunt压缩js文件

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过.但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表 示重点).至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt.还有一点,它完全免费,没有盗版.既强大又免费的 东西,为何不用? 当然了,你如果你能找到更好的替代grunt的其他工具也是

shell文本处理——最基本方法压缩js文件

关于javascript代码文件的压缩在之前的文章中提到过(http://blog.csdn.net/u010487568/article/details/19701575),一般来说有三种方式: 仅压缩空白.注释等字符(最基本方法) 压缩空白.注释并替换变量名 压缩恐怖.注释.替换变量名,同时最小化文件所有的单词 最近在进一步学习shell,对这个古老的工具越发的感到高效便捷,因此对于这个主题实现了shell版本的最基本方法的实现. 主要的策略如下: 去除单行注释 去除换行符和制表符 压缩多个

利用Node 搭配uglify-js压缩js文件,批量下载图片到本地

Node的便民技巧-- 压缩代码 下载图片 压缩代码 相信很多前端的同学都会在上线前压缩JS代码,现在的Gulp Webpack Grunt......都能轻松实现.但问题来了,这些都不会,难道就要面对几十个JS文件一遍遍来回“复制-压缩-创建-粘贴”,这样太不人性化了. 于是可以借助Node + uglify-js 轻松实现.(前提你会点node操作) 1.首先看一下目录: |--uglifyJS |--js |--test1.js |--test2.js |--uglify.js   //这

grunt压缩js文件

使用grunt 工具管理js文件时有几个常用功能例如压缩合并等 首先安装node环境,安装grunt 在目录环境下建立自己的项目my_project 添加两个源文件 在项目根目录下创建package.json文件 { "name": "my_project", "version": "0.1.0", "devDependencies": { "grunt": "~*"

EditPlus设置html和js文件的注释快捷键

EditPlus默认是可以通过快捷键注释html的,格式是 <!-- </label> <label>类型</label> <label> --> 但是,在js文件中使用注释的快捷键依然还是html文件的注释类型 在EditPlus工具的快捷键设置中发现类型有HTML但是没有JavaScript,不知道新的版本里面有没有? 总之,EditPlus本身貌似是无法识别两种文件类型并给予不同的注释响应,那么,只能自己加一个设置了,如下: 为了避免快捷键

ionic中使用Cordova Uglify 压缩js与css

参照:https://www.npmjs.com/package/cordova-uglify 安装:npm install cordova-uglify 安装完成之后,打开: hooks/uglify-config.json { "alwaysRun": true, "recursiveFolderSearch": true, "foldersToProcess": [ "js", "css", ], &