Javascript 是否可以使用Webpack删除非活动代码?
我正在导入到我的项目中,但是主脚本使用的lodash函数不超过5个,我不想用未使用/不活动的代码填充我的项目,有没有办法检查整个项目结构并删除bundle/on build上的不活动代码 例子: index.htmlJavascript 是否可以使用Webpack删除非活动代码?,javascript,node.js,webpack,Javascript,Node.js,Webpack,我正在导入到我的项目中,但是主脚本使用的lodash函数不超过5个,我不想用未使用/不活动的代码填充我的项目,有没有办法检查整个项目结构并删除bundle/on build上的不活动代码 例子: index.html lodash.js 函数a(){ console.log('Hi') } 函数b(){ console.log('我没有在任何地方使用') } app.js 。。。 document.getElementById('main')。addEventListener('click
lodash.js
函数a(){
console.log('Hi')
}
函数b(){
console.log('我没有在任何地方使用')
}
app.js
。。。
document.getElementById('main')。addEventListener('click',a)
...
函数b()未在项目中使用
问题:
如何自动摆脱非活动代码函数b()?调用您想要的,一种模式决定哪些代码是死代码,不应包含在捆绑包中。将此与Web包一起使用的要求之一是使用。如果您正在使用webpack捆绑app.js
,则应该import
在项目中导入lodash,而不是将其作为依赖项添加到html文件中
请记住,这仅在lodash使用ES模块时才起作用,如果不是这样,则始终会调用您想要的,一种模式决定哪些代码是死代码,不应包含在捆绑包中。将此与Web包一起使用的要求之一是使用。如果您正在使用webpack捆绑app.js
,则应该import
在项目中导入lodash,而不是将其作为依赖项添加到html文件中
请记住,这仅在lodash使用ES模块时有效,如果不是这种情况,则始终存在毕竟,您已经在提供的链接中选择了如何仅使用选定函数-
var array=require('lodash/array')代码>@GrzegorzT。您的方法非常手动,有没有一种方法可以在不需要人工交互的情况下实现自动化?毕竟,您已经在提供的链接中选择了如何仅使用选定的函数-var array=require('lodash/array')代码>@GrzegorzT。您的方法非常手动,有没有一种方法可以在不需要人工交互的情况下实现自动化?