@xyh19/rollup-plugin-glob-import NPM

🏠 @xyh19/rollup-plugin-glob-import

install

npm install -D @xyh19/rollup-plugin-glob-import
# or
yarn add -D @xyh19/rollup-plugin-glob-import

Getting Started

Create a rollup.config.js configuration file and import the plugin:

// rollup.config.js
import globImport from '@xyh19/rollup-plugin-glob-import'
import path from 'path'

export default {
  input: 'src/index.js',
  output: {
    dir: 'output',
    format: 'cjs',
  },
  plugins: [
    globImport({
      globConfigs: [
        {
          loader: 'default',
          glob: 'src/components/*',
          aliases: '~components',
          dynamicImport: false,
          moduleIdRenamer: (filename) => path.parse(filename).name,
          moduleKeyRenamer: (filename) => path.parse(filename).name,
        },
        {
          loader: 'vue-routes',
          glob: 'src/page/**/*.vue',
          aliases: '~routes',
          moduleIdRenamer: (filename) => path.parse(filename).name,
          moduleKeyRenamer: (filename) => path.parse(filename).name,
        },
      ],
    }),
  ],
}

Import virtual module:

// src/components/a.js
export default 'components-a';

// src/components/b.js
export default 'components-b';

// src/index.js
import * as components from '~components';
console.log(components) // { a: 'components-a', b: 'components-b'}