entry-wrapper-webpack-plugin

EntryWrapper webpack plugin

Wrap your bundle entry points for webpack2.

Since the entry-wrap-webpack-plugin author has no feedback to my PR, I decide to publish my own package entry-wrapper-webpack-plugin for webpack2.

Install

npm i entry-wrapper-webpack-plugin -D

Usage example

Example: You're adding a Webpack bundle to an existing project where jQuery is being loaded externally by requireJS. You can tell Webpack to NOT bundle your own version jQuery (as you want to re-use the external version), but then you need to wrap your entry point in a require call to ensure jQuery is loaded before your bundle executes.

That's what this plugin is for.

webpack.config.js

var EntryWrap = require('entry-wrapper-webpack-plugin');
var webpack = require('webpack');
module.exports = {
    context: __dirname,
    entry: "./input",
    output: {
        path: __dirname + "/dist",
        filename: "bundle.js"
    },
    externals: {
        "jquery": "jQuery"
    },
    plugins: [
        new EntryWrap('require(["jquery"], function (jQuery) {', '})',{
            test: /\.js$/
        })
    ]
};

input.js

// jQuery will NOT be included in your bundle
const $ = require('jquery');

... Will result in something along the lines of

require(["jquery"], function (jQuery) {
    // ... webpack bundle here
    // that will not run until jQuery is available on the page
})