auto-export

A cli can automatically export files


Why

When you want to export many files of the same type in one folder, you may cost a lot of time to copy and paste the same code. eg if you want to export all images in one folder, you need to copy and paste the same code for each image, and export these images in a index.ts file.Why not have a try to use auto-export👻

🚀 Features

- Multiple directory generate support
- Nested directory generate support
- Custom output directory support
- Custom import statement support
- Auto Prefix support

Usage

$3

``ball
pnpm add -D auto-export
`

$3

- targetDir (require) : the directory to export files

- outputDir (optional,default targetDir) : the directory to generate the index.ts file to export files

- customImport (optional) : custom the import statement to use in the index.ts file

- depth (optional , default true) : traverse all subdirectories

- autoPrefix (optional , default false) : auto add prefix to the file name. Note that the if you open the customImport option,this option will be ignored

`js
import { defineExportConfig } from 'auto-export'
export default defineExportConfig({
configs: [
{
targetDir: './src/assets/images',
},
{
targetDir: './src/assets/img',
depth: true,
autoPrefix: true
},
{
targetDir: './src/assets/css',
outputDir: './src/assets/css',
},
{
targetDir: './src/assets/svgs',
customImport: (fileName, file) => {
return import { ReactComponent as ${fileName} } from '${file}'
},
},
{
targetDir: './src/assets/gif',
customImport: (fileName, file, fileType) => {
return import ${fileType}${fileName} from '${file}'
},
depth: true
},
],
})

`

$3

`bash
pnpm run autoexport
``

Author

sudongyuer email:976499226@qq.com

License

MIT License © 2021 SuDongYu