npm 包 fis-optimizer-sm-uglify-js 使用教程-JavaScript中文网-JavaScript教程资源分享门户

前言

在前端项目开发过程中，我们通常需要对 JavaScript 代码进行压缩、混淆等操作，以提高代码执行效率和安全性。fis-optimizer-sm-uglify-js 就是一个可用于 JavaScript 代码压缩混淆的 npm 包。本文将详细介绍 fis-optimizer-sm-uglify-js 的使用方法以及相关配置。

fis-optimizer-sm-uglify-js 简介

fis-optimizer-sm-uglify-js 是 fis3-smarty 项目中的一个组件，使用 UglifyJS2 进行 JavaScript 代码压缩和混淆。对于 fis3-smarty 项目中的 JavaScript 静态资源引用，可以通过 fis-optimizer-sm-uglify-js 对其进行压缩混淆。同时，fis3-smarty 还可以集成其他优秀的 npm 包进行 JavaScript 打包、合并等工作。

fis-optimizer-sm-uglify-js 安装

使用 fis-optimizer-sm-uglify-js 需要先进行安装，可以通过 npm 进行安装：

$ npm install -g fis-optimizer-sm-uglify-js

fis-optimizer-sm-uglify-js 使用

安装成功后，就可以在 fis3-smarty 项目中使用 fis-optimizer-sm-uglify-js 了。

使用方式

在 fis3-smarty 项目的配置文件（fis-conf.js）中进行配置，启用 fis-optimizer-sm-uglify-js：

fis.match('*.js', {
  optimizer: fis.plugin('sm-uglify-js')
});

这样，当 fis3-smarty 进行发布打包时，会对所有 JavaScript 文件进行压缩混淆，大大降低 JavaScript 文件的体积和提高执行效率。

相关配置

fis-optimizer-sm-uglify-js 还提供了一些相关的配置项，我们可以进行相应的配置，以满足项目的需求。

compress

compress 选项用来进行代码压缩，可以配置为 true 或 Object 类型。

fis.match('*.js', {
  optimizer: fis.plugin('sm-uglify-js', {
    compress: {
      drop_console: true
    }
  })
});

在上面的配置中，将 drop_console 设置为 true，意味着删除代码中的 console 语句。其他配置项请参考 UglifyJS2 的官方文档。

mangle

mangle 选项用来进行代码混淆，可以配置为 true 或 Object 类型。

fis.match('*.js', {
  optimizer: fis.plugin('sm-uglify-js', {
    mangle: {
      except: ['$', 'exports', 'require']
    }
  })
});

在上面的配置中，将 except 设置为 ['$','exports','require']，意味着对 $、exports、require 这三个变量进行保留，不进行混淆。

sourceMap

sourceMap 选项用来生成代码压缩前后的映射关系，便于调试。

fis.match('*.js', {
  optimizer: fis.plugin('sm-uglify-js', {
    sourceMap: true
  })
});

在上面的配置中，将 sourceMap 设置为 true，意味着生成代码压缩前后的映射关系。

示例

var str = "Hello World!";
console.log(str);

配置后的输出结果为：

var n="Hello World!";console.log(n);

总结

通过本文的介绍，我们了解了 fis-optimizer-sm-uglify-js 的使用方法和相关配置，能够帮助我们对 JavaScript 代码进行压缩和混淆，提高项目的性能和安全性。在实际项目中，可以根据需求进行相应的优化和配置。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/70960

npm 包 fis-optimizer-sm-uglify-js 使用教程

前言