ES6 import with glob patterns (preloader for Webpack)
npm install webpack-import-glob-loader

(Forked from https://github.com/terpiljenya/import-glob)
Expands globbing patterns for ES6 import statements.
---
``js`
import modules from "./foo/*/.js";`
Expands intojs
import * as module0 from "./foo/1.js";
import * as module1 from "./foo/bar/2.js";
import * as module2 from "./foo/bar/3.js";
var modules = [module0, module1, module2]
``
---
For importing from node modulejs`
import modules from "a-node-module/*/js";`
Expands intojs
import * as module0 from "a-node-module/foo/1.js";
import * as module1 from "a-node-module/foo/bar/2.js";
import * as module2 from "a-node-module/foo/bar/3.js";
var modules = [module0, module1, module2]
`
---
__For side effects:__
`js`
import "./foo/*/.scss";`
Expands intojs`
import "./foo/1.scss";
import "./foo/bar/2.scss";
---
__For sass:__
`scss`
@import "./foo/*/.scss";`
Expands intoscss`
@import "./foo/1.scss";
@import "./foo/bar/2.scss";
---
sh
npm install import-glob-loader --save-dev
`Usage
You can use it one of two ways, the recommended way is to use it as a preloader`js
// ./webpack.config.jsmodule.exports = {
...
module: {
rules: [
{
test: /\.js$/,
use: 'webpack-import-glob-loader'
},
{
test: /\.scss$/,
use: 'webpack-import-glob-loader'
},
]
}
};
`Alternatively you can use it as a chained loader
`js
// foo/bar.js
import "./*/.js";// index.js
import 'webpack-import-glob-loader!foo/bar.js';
``