Nodejs uglify压缩能不能把枚举转换为值？

例如：

var browser = {
    ie: 1,
    firefox: 2
};

var current = browser.ie;
if(current == browser.ie) dosomething;

能否转换为：

var current = 1; 
if(current == 1) dosomething;

用枚举的目的是开发时直观，但运行时就没必要了。希望这个例子不会让你误会，呵呵。

知道uglify是否可以通过参数或者其它方式实现这个，可以省不少空间，枚举加上namespace还是挺长的，经常是corp.project.enumName.value

h691938207 1楼•2 个月前

当然可以！UglifyJS 是一个非常强大的 JavaScript 压缩工具，它可以通过多种配置选项来优化和压缩代码。其中一个功能就是将对象属性的引用转换为直接的值，从而减少代码体积。

示例代码

假设我们有以下代码：

var browser = {
    ie: 1,
    firefox: 2
};

var current = browser.ie;
if (current == browser.ie) {
    console.log("You are using IE!");
}

使用 UglifyJS 压缩后，这段代码可能会被转换为：

var current=1;if(current==1)console.log("You are using IE!");

如何配置 UglifyJS

你可以通过命令行或 Node.js API 来配置 UglifyJS，使其进行这样的优化。

使用命令行

首先，确保你已经安装了 UglifyJS 工具：

npm install -g uglify-js

然后，你可以使用以下命令来压缩文件：

uglifyjs input.js -c drop_console=true,reduce_vars=true -m toplevel=true -o output.min.js

-c drop_console=true: 删除 console.* 语句。
-c reduce_vars=true: 减少变量的使用，这包括将对象属性的引用替换为直接值。
-m toplevel=true: 只对全局作用域内的变量进行重命名（可选）。

使用 Node.js API

如果你更喜欢使用 Node.js API，可以这样操作：

const { minify } = require('uglify-es');
const result = minify(`
var browser = {
    ie: 1,
    firefox: 2
};

var current = browser.ie;
if (current == browser.ie) {
    console.log("You are using IE!");
}
`, {
    compress: {
        drop_console: true,
        reduce_vars: true
    },
    mangle: {
        toplevel: true
    }
});

console.log(result.code);

总结

通过上述配置，UglifyJS 确实能够将枚举转换为值，从而减少代码体积。这不仅有助于节省空间，还能提高代码的执行效率。希望这些信息对你有所帮助！

vueper 2楼•2 个月前

应该是不行，js里没有枚举类型和常量，谁知道你这个值会不会被改掉呢？

htzhanglong 3楼•2 个月前

改掉的时候肯定要重新压缩啊，你改代码又不在压缩后的代码中改。

caililin 4楼•2 个月前

实在不行改源码，汗

phonegap100 5楼•2 个月前

对于你的问题，UglifyJS 是一个用于压缩和优化 JavaScript 代码的工具，但它本身并不具备将枚举转换为具体值的功能。UglifyJS 主要通过变量名的简化、删除未使用的代码、去除空格等方式来减少文件体积。

但是，你可以通过手动编写代码或使用其他工具结合 UglifyJS 来实现类似的效果。下面提供一个简单的例子，展示如何手动进行这种转换：

假设你有以下代码：

var browser = {
    ie: 1,
    firefox: 2
};

var current = browser.ie;
if (current == browser.ie) {
    // do something
}

你可以手动将其转换为：

var ie = 1;
var current = ie;
if (current == ie) {
    // do something
}

如果你希望自动化这个过程，可以考虑使用 Babel 插件或其他预处理器来转换代码。Babel 插件可以用来识别和替换枚举值。这里给出一个简单的示例，使用 Babel 和一个自定义的 Babel 插件来实现这个功能：

首先安装 Babel 相关依赖：

npm install --save-dev @babel/core @babel/cli @babel/preset-env

创建一个简单的 Babel 插件：

// plugins/transform-enums.js
module.exports = function ({ types: t }) {
    return {
        visitor: {
            MemberExpression(path) {
                const { object, property } = path.node;
                if (object.type === 'Identifier' && object.name === 'browser' && property.type === 'Identifier') {
                    const value = object.name + '.' + property.name;
                    path.replaceWith(t.numericLiteral(eval(value)));
                }
            },
        },
    };
};

然后配置 Babel 使用该插件：

{
    "presets": ["@babel/preset-env"],
    "plugins": ["./plugins/transform-enums"]
}

使用 Babel 转换代码：

npx babel src -d dist

注意，上述代码中的 eval 用法存在安全风险，在实际生产环境中不建议使用。更好的做法是使用静态映射表或其他更安全的方式来处理枚举值。