Question

我认为通过导出特定功能并使用它，它将仅将此功能包含在已编译的文件中，但似乎并非如此：

文件1：

export function redu1(state = null, action) {
    return state;
}

export function redu2(state = null, action) {
    return state;
}

文件2：

import {redu1} from './file1';

我在编译文件中看到所有功能都包括在内了吗？

Answer 1

根据Webpack Tree Shaking，应在webpack.config.js文件中将属性mode设置为production，以从包中删除无效代码。

const path = require('path');

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'dist')
  },

  mode: 'production'
};

导出功能将加载整个文件

1 个答案: