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??梢詾镴avascript和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 分享