2017-04-19 14 views
7

Używam pakietu WebPack do konkatowania plików js i wyprowadzania do folderu dist. Wszystko to wydaje się działać, ale moim problemem jest to, że chcę Concat wszystkie pliki js bez dodatkowych WebPACK kodu boostrapWebpack - usuń kod "webpackBootstrap"

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

Czy mimo to aby zapobiec WebPACK dodawanie tego kodu raczej po prostu wziąć równinie pliki JS i concat ich (jak gulp-concat).

+1

Nie jestem pewien co do odpowiedzi na pytanie od WebPack dodaje kod aby zależnościami pracy. Jeśli TYLKO korzystasz z plików, to pakiet webpack może być większy, niż potrzebujesz –

+2

Pakiet powinien mieć opcję pominięcia :( – JCarlos

Odpowiedz

1

Jest to możliwe przy użyciu 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