webpack - webpack-concat-files-plugin 没有在手表上正确编译文件

Question

我正在使用 webpack 将一包 js 文件连接到几个包中，然后我可以将它们包含在正确的页面中。

请注意，我没有使用 webpack 的输入/输出。我只想要 concat 包。

我正在尝试将 webpack 配置为在保存任何 js 文件后自动编译捆绑包。

当我使用 --watch 标志执行 webpack 时，我在控制台输出中看到创建了包。但是js文件的变化并没有体现出来。

的输出npx webpack --watch --mode=production如下：

asset js/dashboard.flot-bundle.js 229 KiB [emitted] [minimized]
asset js/dashboard.base-bundle.js 161 KiB [emitted] [minimized] 1 related asset
[...]
asset empty_bundle.js 0 bytes [emitted] [minimized] (name: main)
./js/empty.js 1 bytes [built] [code generated]
webpack 5.25.0 compiled successfully in 3501 ms

我的 webpack.config 如下：

const path = require('path');
const WebpackConcatPlugin = require('webpack-concat-files-plugin');

var babel = require("@babel/core");

module.exports = {
    entry: './js/empty.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'empty_bundle.js'
    },
    devtool: 'source-map',
    watchOptions: {
        aggregateTimeout: 600,
        ignored: ['**/css', '**/less', '**/fonts', '**/dist',
                  '**/pages', '**/plugins', '**/node_modules'],
    },
    plugins: [new WebpackConcatPlugin({
            allowWatch: true,
            bundles: [
                {
                    src: [
                        './js/bootstrap.min.js',
                        './js/detect.js',
                        './js/fastclick.js',
                        './js/jquery.slimscroll.js',
                        [...]
                    ],
                    dest: './dist/js/dashboard.base-bundle.js'
                },
                [...]
            ]
    })]
};

这是插件中的问题，还是我做错了什么（更有可能因为我是 webpack 世界的新手）？

标签： webpack