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": ["<%[\\s\\S]*?%>", "<\\?[\\s\\S]*?\\?>"],        "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自动提供的设置。如果要使用一些其他方法，可以提供自己的设置作为对象。

以上是"vscode压缩js代码的方法"这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注行业资讯频道！