标签:
The less code you can send to the browser, the better. The concept of tree shaking basically says that if you’re not using some piece of code, then exclude it from the final bundle, even when that piece of code is exported from a module. Because ES6 modules are statically analyzable, Webpack can determine which of your dependencies are used and which are not. In this lesson, see how to take advantage of this awesome feature in Webpack 2.
npm install babel-preset-es2015-webpack --save-dev
.babelrc: change ‘es2015 to ‘es2015-webpack‘
"presets": ["es2015-webpack", "stage-2"],
So now if you have a function unused anywhere in the project, but still get exported from the file. Then webpack will mark it and when minify the file, this function will be remove from the source.
[Webpack 2] Tree shaking with Webpack 2
标签:
原文地址:http://www.cnblogs.com/Answer1215/p/5605691.html