# Introduction
Support multiple JS(TS) entries in an HTML file, all of which can be built, and the final build products are placed in the same directory
# Usage
## Base Demo
```js
import { multipleEntryFilePlugin } from 'vite-plugin-multiple-entries';
export default defineConfig({
plugins: [
multipleEntryFilePlugin({
chunkName: 'other',
entryPath: resolve('./other.ts'),
injectTo: 'body-prepend',
}),
],
});
```
## Options
### chunkName
Type: `string`
Default Value: `-`
Required: `Yes`
Description: the entry chunk name, which affects the output file name
### entryPath
Type: `string`
Default Value: `-`
Required: `Yes`
Description: the entry file path
### entryFileName
Type: `string`
Default Value: `-`
Required: `No`
Description: The same as rollupOptions.output.chunkFileNames, it will affect the output file name, By default, the output file name will hit options.output.entryFileNames naming logic. it will be set to the same file name as the main entry. If you want to specify the output file name, you need set pluginOptions.entryFileName in the same way as rollup.output.entryFileNames.
### crossorigin
Type: `string`
Default Value: `-`
Required: `No`
Description: Whether to add the crossorigin field to the injected script tag
Example:
```js
export default defineConfig({
plugins: [
multipleEntryFilePlugin({
chunkName: 'other',
entryPath: resolve('./other.ts'),
crossorigin: 'anonymous',
}),
],
});
```
```html
```
### injectTo
Type: `'head' | 'body' | 'head-prepend' | 'body-prepend'`
Default Value: `head-prepend`
Required: `No`
Description: Inject position, it will affect the position of the `