import-glob
ES6 import with glob patterns (preloader for Webpack)
Expands globbing patterns for ES6 import statements.
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";
let 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-devUsage
You can use it one of two ways, the recommended way is to use it as a preloader
{
module: {
loaders: [{
test: /\.js/,
enforce: "pre",
loader: 'import-glob',
// Use excludeExt to remove the file extension from
// the generated import string. (Optional.)
options: { excludeExt: false }
},
{
test: /\.scss/,
loader: 'import-glob',
enforce: "pre"
}]
}
}Alternatively you can use it as a chained loader
require('!import-glob!foo/bar.js')