javascript - How to include external file with webpack

Question

Is it possible to include external file with webpack (outside the context) and make the file included in built output bundle.js?

consider this setup where "sub-app" is context for webpack:

• /sub-app/entry.js
• /bower-components/zepto/zepto.js

And webpack config with broccoli:

var webpackify = require('broccoli-webpack');
var path = require('path');
var webpack = require("webpack");

var bundler = webpackify(path.resolve('sub-app'), {
    entry: './entry',
    output: {filename: './bundle.js'},
    devtool: 'eval',

    module: {
      loaders: [
        {test: /.js$/, loader: 'babel-loader'},
        {test: /.hbs$/, loader: "handlebars-loader"}
      ]
    },
    plugins: [
      new webpack.optimize.DedupePlugin(),
      new webpack.optimize.UglifyJsPlugin()
    ]
});

I would like to include zepto.js in output bundle.js. But I need to preserve bower_components outside the sub-app.

Answer 1

Ok found answer myself. No special adjustments are necessary. Only include external file in code with relative path:

In my case:

import zepto from './../bower_components/zepto/zepto.js';