Webpack5-合并脚本(webpack-merge-and-include-globally)

安装插件:

yarn add webpack-merge-and-include-globally -D

webpack.config.js

const path = require("path");
const MergeIntoSingleFilePlugin = require('webpack-merge-and-include-globally');
module.exports = {
    mode: 'none',
    entry:  path.resolve(__dirname, "src/main.js"),
    module: {
    },
    plugins: [
        new MergeIntoSingleFilePlugin({
            files: {
                "min/js/bundle.js": [
                    path.resolve(__dirname, "src/js/count.js"),
                    path.resolve(__dirname, "src/js/sum.js")
                ],
                "min/css/bundle.css": [
                  path.resolve(__dirname, 'src/css/index.css'),
                  path.resolve(__dirname, 'src/css/index2.css')
                ]
            }
        }),
    ],
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: '[name].js'
    }
}
posted @   .Neterr  阅读(15)  评论(0编辑  收藏  举报

喜欢请打赏

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示