请问老师怎么配置config可以先Tree shaking 再转译ES6？

来源：3-15 由浅入深 webpack - Tree-shaking - JS Tree-shaking

KB_Handler

2018-03-25

写回答

3回答

qbaty

2018-03-28

已采纳

babili-webpack-plugin 是可以替代 uglify 对ES 6 + 进行tree shaking的，可能只不过能shake 掉的内容有限

KB_Handler

好的还是非常感谢老师

2018-03-28

共1条回复

文燚

2018-05-20

问题：Babel默认将ES6模块通过commonJs模块转换输出，此时利用ES6模块的tree-shaking就不灵了。

方法：babel-preset-env有个modules的配置项就是控制这个的，把它设置成false就不会把ES6模块转换成commonJs了。

//img.mukewang.com/szimg/5b00ecfe00012b2005700176.jpg

鸡肋2016

回答很棒，使用了1下。好像是解决了 uglifyjs 不能过滤部分 babel-loader解析出来的代码。现在能过滤了。

2018-12-15

共4条回复

qbaty

2018-03-26

uglifyjs 之前不支持 es6+ 可以用 babel-minify

babili-webpack-plugin 这个插件就是使用 babel-minify

KB_Handler

嗯是的不是用babel-loader转译ES6的情况下单独使用uglifyjs以及babili-webpack-plugin都能做到很好的tree-shaking,但是他们都不能转译ES6的语法但如果使用了'babel-loader',这两个插件的tree-shaking 都不再生效了！又想tree-shaing 又想转译怎么破？

2018-03-27

共1条回复

四大维度解锁Webpack3.0前端工程化

前端开发标配，灵活掌握Webpack3.0的使用可以极大的提高前端开发的效率

1188 学习 · 403 问题

查看课程

相似问题

问下老师，babel-loader和Tree shaking两者都想用，怎么解决?

回答 1

使用了babel-preset-env之后没办法Tree shaking

回答 2

3-8-shaking中试用了babel-loader,tree shaking不再起作用

回答 1

老师请问一下 webpack 4 中需要怎么配置才能达到 Tree Shaking ?

回答 1

webpack4中使用optimization.minimize=true进行tree shaking，但是不生效，为什么？

回答 2

打开慕课网App查看更多内容