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模式为“生产”（如果不设置，默认值为this），结果为空，资产main.js 0字节。 解决方案是将代码更改为此。

console.log('something');

Answer 2

为那些面临同样问题的人回答我的问题，应该有“导出”语法，指的是你从这些 js 文件中导出的内容来解决这个问题。