Wie kann man externe Dateien mit Webpack einbinden

Question

Ist es möglich, externe Dateien mit Webpack (außerhalb des Kontexts) einzubinden und die Datei in die integrierte Ausgabe von bundle.js aufzunehmen?

betrachten diese Einstellung, in der "Sub-app" Kontext für webpack ist:

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

Und webpack Config mit Brokkoli:

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() 
    ] 
}); 

ich möchte Fügen Sie zepto.js in der Ausgabe "bundle.js" ein. Aber ich muss bower_components außerhalb der Sub-App erhalten.

Answer 1

Ok gefunden Antwort selbst. Es sind keine speziellen Anpassungen erforderlich. Nur ist externe Datei im Code mit relativem Pfad:

In meinem Fall:

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