2017-04-19 125 views
7

我使用WebPack来连接js文件并输出到dist文件夹。这一切似乎工作,但我的问题是,我想Concat的所有js文件而无需额外的WebPack自举代码webpack - 删除“webpackBootstrap”代码

/******/ (function(modules) { // (/******/ (function(modules) { // webpackBootstrap)...... 

反正有防止的WebPack从添加的代码,而只是采取简单的js文件和CONCAT他们(像一口-CONCAT)。

+1

我不知道回答你的问题,因为增加的WebPack代码以使依赖工作。如果你只是concatting文件的webpack可能会超过你需要 –

+2

Webpack应该有一个选项来省略:( – JCarlos

回答

1

可以使用webpack-merge-and-include-globally

const path = require('path'); 
const MergeIntoSingleFilePlugin = require('webpack-merge-and-include-globally'); 

module.exports = { 
    entry: './src/index.js', 
    output: { 
    filename: '[name]', 
    path: path.resolve(__dirname, 'dist'), 
    }, 
    plugins: [ 
    new MergeIntoSingleFilePlugin({ 
     "bundle.js": [ 
     path.resolve(__dirname, 'src/util.js'), 
     path.resolve(__dirname, 'src/index.js') 
     ], 
     "bundle.css": [ 
     path.resolve(__dirname, 'src/css/main.css'), 
     path.resolve(__dirname, 'src/css/local.css') 
     ] 
    }) 
    ] 
}; 

https://code.luasoftware.com/tutorials/webpack/merge-multiple-javascript-into-single-file-for-global-scope/#webpack-merge-and-include-globally