繁体   English   中英

使用 webpack 丑化节点模块

[英]Uglify node module with webpack

我想丑化我的代码以使其更小更快。 这是一个节点模块,即使被丑化,我也需要使用这些类。 有没有办法用 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");

错误: 在此处输入图片说明

您不应该费心丑化服务器端代码。 您真的没有前端的带宽问题。

至于性能,它将使您的代码解析速度更快,这在前端很重要:您正在尝试尽可能快地进行交互。 但在后端,您在应用程序运行时分摊启动成本并不重要。 而且您已经在丑化前端以节省带宽。

话虽如此,您正在添加一个构建步骤,这将为非常不确定的性能提升创造摩擦,即使存在也可能在 6 个月内不会出现。 我完全是为了简单的优化,但是如果性能很重要,那么使用比 node.js 更快的东西。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM