避免命名函数调用的 Webpack 配置答案

【问题标题】：Webpack configuration that avoids named function calling避免命名函数调用的 Webpack 配置
【发布时间】：2020-03-22 02:13:41
【问题描述】：

我想用 磁盘空间 换取 webpack 中的无命名函数调用，以便我可以更轻松地进行语言分析。

然而webpack'ing下面的模块，

index.js import foo.js; foo()
- foo.js import bar.js; console.log(bar()) console.log(bar()) console.log(bar())
  - bar.js return "THIS IS BAR!"

结果：

function bar() { return "THIS IS BAR!"; }
function foo() {
  console.log(bar());
  console.log(bar());
  console.log(bar());
}
foo();

我想要，

function foo() {
  console.log((() => { return "THIS IS BAR!" })());
  console.log((() => { return "THIS IS BAR!" })());
  console.log((() => { return "THIS IS BAR!" })());
}
foo();

即使这会增加捆绑包的空间。因为我想避免函数调用。

我该怎么做？

到目前为止，我已经尝试了几个 { optimization: { ... } } 规则，但没有一个会导致预期的结果。

【问题讨论】：

这背后的动机是什么？你想通过这个实现什么？据我所知调用函数不会影响你的表现
@CodeManiac 我对运行 bundle.js 并不感兴趣。我有兴趣在代码输出中运行语言分析（例如字数统计或情感分析）。

标签： javascript webpack

【解决方案1】：

您是否尝试过模式制作。使用当前设置。我可以看到欲望输出。

// foo.js

import bar from './bar'
export default function print() {
    console.log(bar())
    console.log(bar())
    console.log(bar())
}

// bar.js

export default function bar() {
    return "THIS IS TEST"
}

// webpack.config.js

const path = require('path');

module.exports = {
    mode: "production",
  entry: './src/foo.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'foo.bundle.js'
  }
};

// 版本

“webpack”：“^4.42.0”，“webpack-cli”：“^3.3.11”

// 输出

([function(e,t,n){"use strict";function r(){console.log("THIS IS TEST"),console.log("THIS IS TEST"),console.log("THIS IS TEST")}n.r(t),n.d(t,"default",(function(){return r}))}]);

【讨论】：