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 文件中導出的內容來解決這個問題。