Как включить внешний файл в webpack

Можно ли включить внешний файл с webpack (вне контекста) и сделать файл включенным в build output.js?

рассмотрите эту настройку, где "суб-приложение" является контекстом для веб-пакета:

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

Я хотел бы включить zepto.js в output bundle.js. Но мне нужно сохранить bower_components вне суб-приложения.

Ответы

Ответ 1

Хорошо нашел ответ сам. Никаких специальных настроек не требуется. Включить только внешний файл в код с относительным путем:

В моем случае:

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