webpack合并多个非模块化的文件

Question

webpack的打包都是模块化的文件，根据依赖来打包。
如果我现在想合并多个插件，比如jq.js，bootstrap.js这些非模块化的插件为一个文件vendor.min.js，改怎么做？

Answer 1

optimization: { 
    splitChunks: {
        cacheGroups: {  
            vendor: {
                minSize: 0, 
                test: /jq|bootstrap/,
                chunks: 'initial',
                name: 'vendor',
                priority: 10,
                nforce: true
            }
        } 
    } 
}

Answer 2

你的 jq.js, bootstrap.js 是 npm 包吗？还是直接 <script> 引入的？

如果是 <script> 引入的，webpack 是处理不了的。