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
喜歡就支持一下吧
相關推薦