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自动提供的设置。如果要使用一些其他方法,可以提供自己的设置作为对象。
PHP中文网,有大量免费的vscode入门教程,欢迎大家学习!
以上就是vscode怎么压缩js代码的详细内容,更多请关注24课堂在线网其它相关文章!