Minimize文件最小化

AXUI的js和css文件是使用terser手动压缩的,一共压缩了3个js文件和1个css文件;如果用户修改AXUI的源码则需要重新压缩文件,建议安装terser压缩工具,该压缩工具支持比较新的JavaScript语法。

前言

AXUI整个项目是在NPM+rollup环境下开发的,使用默认的npm run build命令打包jscss文件,打包好的文件被置于dist目录下,提供三种模块化类型的js文件(umd、esm和cjs)和一份完整的css文件。

因为日常测试中经常使用npm run build命令打包文件,而压缩文件比较费时间,所以这四个文件默认没有在打包时使用最小化压缩。

这四个文件需要在打包完成之后进行手动压缩,手动最小化压缩的命令是npm run mini

脚本压缩

压缩脚本(Js/Ts)所使用的压缩工具terser v5.27.2,使用该压缩工具主要是因为他支持比较新的JavaScript语法,如果用户在压缩AXUI文件过程中有报错,可尝试转为terser压缩。

所使用参数配置如下:

  • arguments:参数名转成简略的形参
  • dead_code:使用tree shaking,移除没用到的代码
  • directives:移除冗余和多余的指令
  • arrows -m:有条件的函数转成箭头函数
  • keep_classnames=true:保持依赖的样式名
  • keep_fnames=true:保持原函数名

样式压缩

压缩样式(Css)所使用的压缩工具clean-css-cli v5.6.3,使用该压缩工具主要是因为他不会自作主张的添加多余的代码或删除有用的代码,仅仅是清除空格、空行、注释和缩写,能确保压缩前后的显示效果一致。