vscode怎么压缩js代码

vscode怎么压缩js代码

vscode压缩js代码的方法:

1、在拓展商店里搜索“minify”,安装,安装成功后点重新加载

2、使用:F1运行文件缩小器Minify压缩js代码。

使用Minify的方法介绍:

缩小您的js,css和html文件以节省传输带宽。直接调用每个缩小器,以允许传递设置:

JS: uglify -js v2.7.4

CSS: clean-css v3.4.21

HTML: html-minifier v3.2.2

使用F1 运行文件缩小器Minify。

包含Javascript和CSS文件的文件夹可以{dirname}.min.[css|js]使用F1 缩小为一个文件Minify Directory。可以为Javascript和CSS减少一个目录是可以接受的。

(可选)在已存在匹配的缩小文件(和/或目录)时,在保存时运行minify。启用您的用户或工作空间设置。设置默认值如下所示:

"minify.minifyExistingOnSave": false,"minify.js": { 	"mangle": true, 	"compress": { 		"sequences": true, 		"properties": true, 		"dead_code": true, 		"drop_debugger": true, 		"unsafe": false, 		"unsafe_comps": false, 		"conditionals": true, 		"comparisons": true, 		"evaluate": true, 		"booleans": true, 		"loops": true, 		"unused": true, 		"hoist_funs": true, 		"keep_fargs": true, 		"keep_fnames": false, 		"hoist_vars": false, 		"if_return": true, 		"join_vars": true, 		"collapse_vars": false, 		"reduce_vars": false, 		"side_effects": true, 		"pure_getters": false, 		"pure_funcs": null, 		"negate_iife": false, 		"drop_console": false, 		"passes": 1, 		"global_defs": {} 	}, 	"output": { 		"ascii_only": false, 		"inline_script": false, 		"max_line_len": 32000, 		"braces": false, 		"semicolons": true, 		"comments": false, 		"shebang": true, 		"preamble": null, 		"quote_style": "best" 	}},"minify.css": { 	"advanced": true, 	"aggressiveMerging": true, 	"compatibility": "*", 	"inliner": {}, 	"keepBreaks": false, 	"keepSpecialComments": "*", 	"mediaMerging": true, 	"processImport": true, 	"processImportFrom": ["all"], 	"rebase": true, 	"restructuring": true, 	"root": "${workspaceRoot}", 	"roundingPrecision": 2, 	"semanticMerging": false, 	"shorthandCompacting": true},"minify.html": { 	"caseSensitive": false, 	"collapseBooleanAttributes": true, 	"collapseWhitespace": true, 	"conservativeCollapse": false, 	"customAttrAssign": [], 	"customAttrCollapse": "", 	"customAttrSurround": [], 	"customEventAttributes": [ "^on[a-z]{3,}$" ], 	"decodeEntities": false, 	"html5": true, 	"ignoreCustomComments": [ "^!" ], 	"ignoreCustomFragments": ["", ""], 	"includeAutoGeneratedTags": true, 	"keepClosingSlash": false, 	"maxLineLength": false, 	"minifyCSS": true, //uses minify.css settings if true 	"minifyJS": true, //uses minify.js settings if true 	"minifyURLs": false, 	"preserveLineBreaks": false, 	"preventAttributesEscaping": false, 	"processConditionalComments": false, 	"processScripts": [], 	"quoteCharacter": """, 	"removeAttributeQuotes": false, 	"removeComments": false, 	"removeEmptyAttributes": false, 	"removeEmptyElements": false, 	"removeOptionalTags": false, 	"removeRedundantAttributes": false, 	"removeScriptTypeAttributes": false, 	"removeStyleLinkTypeAttributes": false, 	"sortAttributes": false, 	"sortClassName": false, 	"useShortDoctype": false}

minifiy.css.root接受“ ${workspaceRoot}/ some / path”定义内部@import绝对根。

由于html-minifier还采用了clean-css和uglify-js,设置minifyJS或minifyCSS以true意志嵌入你为那些minifiers自动提供的设置。如果要使用一些其他方法,可以提供自己的设置作为对象。

PHP中文网,有大量免费的vscode入门教程,欢迎大家学习!

以上就是

© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享