How to include external file with webpack

Question

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.

Similar question with different answers here

Jose V
– Jose V

2019-03-20 21:16:43 +00:00
Commented Mar 20, 2019 at 21:16 — Jose V
– Jose V, Commented Mar 20, 2019 at 21:16

Jan Míšek · Accepted Answer · 2015-03-10 14:16:11Z

29

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';

answered Mar 10, 2015 at 14:16

Jan Míšek

1,6671 gold badge16 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

cabaji99 Over a year ago

Thx there is no info on how to do this. in my case i had to import sha512 with this: import sha512 from './../../../../../../node_modules/js-sha512/src/sha512'

Stefan Rein Over a year ago

Just wanted to mention this did work: import 'nodePackage/subFolder/my-js-file.js';

Wayne Allen Over a year ago

Which file should this import be included in?

Jan Míšek Over a year ago

Its quite a long time I used it. Afaik ''./entry.js" or any js file imported from "/entry"

Collectives™ on Stack Overflow

How to include external file with webpack

1 Answer 1

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Linked

Related