javascript - htmlwebpackplugin - webpack doc page src app page body body share this document

Como incluir archivo externo con webpack

Question

¿Es posible incluir un archivo externo con un paquete web (fuera del contexto) y hacer que el archivo se incluya en el paquete de salida construido.js?

considere esta configuración donde "sub-aplicación" es el contexto para el paquete web:

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

Y la configuración webpack con brócoli:

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

Me gustaría incluir zepto.js en la salida bundle.js. Pero necesito preservar los componentes de Bower fuera de la sub-aplicación.

Answer 1

Ok encontré la respuesta yo mismo. No se requieren ajustes especiales. Solo incluye archivo externo en código con ruta relativa:

En mi caso:

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