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

Question

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

Answer 1

qbaty 2018-03-28 18:15:48

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

• 提问者 KB_Handler #1

  好的  还是非常感谢老师

Answer 2

文燚 2018-05-20 11:42:41

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

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

• 提问者 KB_Handler #1

  目的是先tree-shaking再转译,如果设置了false,还会转译吗？

• 文燚 回复 提问者 KB_Handler #2

  为什么你会觉得不能转译？？？

• 提问者 KB_Handler 回复 文燚 #3

  你都设置了false怎么转移？？？？

点开查看后面1条评论

Answer 3

qbaty 2018-03-26 15:30:55

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

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

• 提问者 KB_Handler #1

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