如何使用 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';

如何使用 webpack 包含外部文件

How to include external file with webpack

javascript

webpack