javascript - Webpack 5 多个 javascript 文件在生产模式下产生 0 字节包

Question

我只需要将我所有的 js 文件压缩并打包到一个文件中。所以准备了一个简单的配置；

const path = require('path');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

module.exports = {
    mode: 'production',
    resolve: {
        extensions: ['.js']
    },
    entry: [
        './src/main/resources/static/js/app/context.js',
        './src/main/resources/static/js/app/pagemanager.js'
    ],
    plugins: [
        new CleanWebpackPlugin()
    ],
    output: {
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/dist/',
        filename: 'bundle.js'
    }
};

但是如果我执行 webpack --mode production 它会产生 0 个字节并且 bundle.js 是空的

asset bundle.js 0 bytes [emitted] [minimized] (name: main)
./src/main/resources/static/js/app/context.js 9.74 KiB [built] [code generated]
./src/main/resources/static/js/app/pagemanager.js 27.9 KiB [built] [code generated]
webpack 5.20.2 compiled successfully in 299 ms

但是使用 webpack --mode development 它会创建一个包含 js 代码的文件。

导致这种情况的原因可能是什么？谢谢。

Answer 1

我认为如果你的文件没有任何代码可以执行，比如

// just define a var
const foo = 1;
// or just a string 
"console.log('something');"

并且webpack模式是“production”(如果不设置，默认值就是这个)，结果会是空的，asset main.js 0字节。解决方案是将代码更改为此。

console.log('something');