使用 webpack 丑化節點模塊

Question

我想丑化我的代碼以使其更小更快。 這是一個節點模塊，即使被丑化，我也需要使用這些類。 有沒有辦法用 webpack 做到這一點，還是我應該使用其他工具？ 如果有辦法實現這一點，webpack 配置是什么？

我打算在 vue js 和 express 后端使用這個模塊。

這是我得到的：

文件：

源文件

• 索引.js
• 狗.js

區

• 主文件

webpack.config.js

module.exports = {
  target: 'node',
  mode: 'production',
};

索引.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 更快的東西。