温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

vscode压缩js代码的方法

发布时间:2021-01-06 14:08:46 阅读:352 作者:小新 栏目:软件技术
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

这篇文章主要介绍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代码的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×