如何在webpack中包含外部文件

Question

是否可以在webpack中包含外部文件(在上下文之外)并将文件包含在内置输出bundle.js中？

考虑这个设置,其中"sub-app"是webpack的上下文:

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

和webpack配置西兰花:

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

我想在输出bundle.js中包含zepto.js.但我需要在子应用程序之外保留bower_components.

Answer 1

好的,发现自己回答.无需特别调整.仅包含具有相对路径的代码中的外部文件:

就我而言:

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