How to include external file with webpack

问题:

Is it possible to include external file with webpack (outside the context) and make the file included in built output bundle.js?

consider this setup where "sub-app" is context for webpack:

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

And webpack config with broccoli:

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

I would like to include zepto.js in output bundle.js. But I need to preserve bower_components outside the sub-app.

回答1:

Ok found answer myself. No special adjustments are necessary. Only include external file in code with relative path:

In my case:

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

文章来源: How to include external file with webpack