为何运行build-webpack时候，得到的结果却是空的文件呢？

Question

我想要测试使用webpack在我的react-test-02 项目：

创建了如下的结构：
config/webpack.config.js

const path = require('path');

module.exports = {
  entry: './src/index.js',  // 入口文件
  output: {
    filename: 'bundle.js',  // 输出的打包文件名
    path: path.resolve(__dirname, '../dist')  // 注意这里，因为文件位置改变，路径需要调整为项目根目录下的 'dist' 目录
  }
};

src/index.js

var a = 1
var b = 2 

function add(x, y) {
    return x + y
}

export {a, b, add}

package.json

"scripts": {
    "build-webpack": "npx webpack",

但是当我运行build-webpack时候，得到的结果却是空的文件：

Answer 1

If not set, webpack sets production as the default value for mode.

再看下 Minify the Output

So we've cued up our "dead code" to be dropped by using the import and export syntax, but we still need to drop it from the bundle. To do that, set the mode configuration option to production.

你的a, b, add函数都未被使用，是"dead code", 会被移除，所以最终的bundle.js文件中没有任何内容。

再看下 Webpack 'production' mode compiles nothing