webpack-import-glob

ES6 import with glob patterns (preloader for Webpack)

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
webpack-import-glob
102.0.06 years ago6 years agoMinified + gzip package size for webpack-import-glob in KB

Readme

Build Status npm version
webpack-import-glob
ES6 import with glob patterns (preloader for Webpack)
Expands globbing patterns for ES6 import statements.
// Forked of https://github.com/terpiljenya/import-glob
import modules from "./foo/**/*.js";
Expands into
import * as module0 from "./foo/1.js";
import * as module1 from "./foo/bar/2.js";
import * as module2 from "./foo/bar/3.js";

modules = [module0, module1, module2]
--- For side effects:
import "./foo/**/*.scss";
Expands into
import "./foo/1.scss";
import "./foo/bar/2.scss";
--- For sass:
@import "./foo/**/*.scss";
Expands into
@import "./foo/1.scss";
@import "./foo/bar/2.scss";

Install

npm install import-glob --save-dev

Usage

You can use it one of two ways, the recommended way is to use it as a preloader
{
  module: {
    preloaders: [{
      test: /\.js/,
      loader: 'import-glob'
    },
    {
      test: /\.scss/,
      loader: 'import-glob'
    }
    ]
  }
}

// or

{
  test: /\.js$/,
  enforce: 'pre',
  loader: 'import-glob',
}

Alternatively you can use it as a chained loader
require('!import-glob!foo/bar.js')