使用 webpack 丑化节点模块

Question

我想丑化我的代码，让它更小更快。这是一个节点模块，即使被丑化，我也需要使用这些类。有没有办法用 webpack 做到这一点，还是我应该使用其他工具？如果有办法实现这一点的 webpack 配置是什么？

我打算在 vue js 和 express 的后端使用这个模块。

这就是我得到的：

文件：

源代码

index.js

狗.js

距离

main.js

webpack.config.js

module.exports = {

  target: 'node',

  mode: 'production',

};

index.js

const Dog = require("./Dog");

module.exports = {

  Dog

}

狗.js

class Dog{

  //Typical Dog stuff

}

module.exports = Dog;

anotherFile.js（在项目的根目录中）

//This works

const Dog = require("./src/index").Dog;

//This does'nt works

const Dog2 = require("./dist/main").Dog;

let dog1 = new Dog("Doberman");

let dog2 = new Dog2("Shibainu");

错误：

Answer 1

您不应该为丑化服务器端代码而烦恼。你真的没有前端的带宽问题。至于性能，它将使您的代码解析更快，这在前端很重要：您正在尝试尽可能快地进行交互。但是，在后端将启动成本摊销到应用程序的运行时并不重要。而且您已经在丑化前端以节省带宽。话虽如此，您正在添加一个构建步骤，该步骤将为非常不确定的性能提升产生摩擦，即使存在，也可能在 6 个月内不存在。我完全支持简单的优化，但是如果性能很重要，那么使用比 node.js 更快的东西。