webpack2.1 Tree-shaking 无效？

Question

// index.js
const a = require('./a')
a.a1();

//a.js
exports.a1 = function () {
    console.log('a1');
}

exports.a2 = function () {
    console.log('a2');
}

exports.a3 = function () {
    console.log('a3');
}

// webpack.config.js
var webpack = require('webpack');

module.exports = {
    entry: {"index":"./index.js"},
    output: {
        filename  : '[name].js',
    },
    module: {
        rules: [
        ]
    },  
    resolve: {
        extensions:['.js', '.json', 'scss'],
    },
};

执行 webpack 发现打包出来代码，还包括 a2, a3

Answer 1

Tree-shaking 是基于 es6 modules 的静态分析的。你这个是 commonjs 的模块当然没有用了。关于Tree-shaking

Answer 2

我写了个demo，可以参考下https://github.com/xyc-cn/web...