Javascript 避免命名函数调用的网页包配置
我想用磁盘空间换取webpack中的未命名函数调用,这样我可以更轻松地进行语言分析 但是,将以下模块打包Javascript 避免命名函数调用的网页包配置,javascript,webpack,Javascript,Webpack,我想用磁盘空间换取webpack中的未命名函数调用,这样我可以更轻松地进行语言分析 但是,将以下模块打包 index.jsimport foo.js;foo() foo.jsimport bar.js;console.log(bar())console.log(bar())console.log(bar()) bar.js返回“这是bar!” 结果: function bar() { return "THIS IS BAR!"; } function foo() { consol
- index.js
import foo.js;foo()
- foo.js
import bar.js;console.log(bar())console.log(bar())console.log(bar())
- bar.js
返回“这是bar!”
- bar.js
- foo.js
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:{…}}
规则,但没有一个规则能达到预期的效果。您是否尝试过生产模式。使用当前设置。我能看到欲望的输出
//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'
}
};
//版本
“网页包”:“^4.42.0”,“网页包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}))}]);
这背后的动机是什么?你想通过这个实现什么?据我所知,调用函数不会影响您的performance@CodeManiac我对运行bundle.js并不感兴趣。我感兴趣的是在代码输出中运行语言分析(例如单词计数或情感分析)。