Awesome Open Source
Awesome Open Source

NPM version NPM downloads CircleCI donate chat

Please consider donating to this project's author, EGOIST, to show your ❤️ and support.


  • Imports source code URLs! Like <script type="module"> and Deno but implemented as a webpack/Rollup plugin. Embracing the future :)

    import template from ''
    console.log(template(`Hello <%= name %>`)({ name: 'EGOIST' }))

    Remote code is fetched and cached on first build, and never updated until you use the reload option. See more about Caching.

  • No more node_modules bloat, no dependency to install.



yarn add import-http --dev



In your webpack.config.js:

const ImportHttpWebpackPlugin = require('import-http/webpack')

module.exports = {
  plugins: [new ImportHttpWebpackPlugin()]

That's it, try following code:

import React from ''
import Vue from ''

console.log(React, Vue)

Run webpack and it just works.


In your rollup.config.js:

export default {
  plugins: [require('import-http/rollup')()]


Resources will be fetched at the very first build, then the response will be cached in ~/.cache/import-http dir. You can use the reload option to invalidate cache:

const ImportHttpWebpackPlugin = require('import-http/webpack')

module.exports = {
  plugins: [
    new ImportHttpWebpackPlugin({
      reload: process.env.RELOAD

Then run RELOAD=true webpack to update cache.


  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D


import-http © EGOIST, Released under the MIT License.
Authored and maintained by EGOIST with help from contributors (list).

Website · GitHub @EGOIST · Twitter @_egoistlily

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (70,301
webpack (1,156
module (142
rollup (81