vite打包引入的自定义js
时间: 2024-01-11 07:04:43 浏览: 222
你可以通过在 `vite.config.js` 中的 `build.rollupOptions` 中配置 `output` 选项来引入自定义的 JS 文件。具体方法如下:
1. 在你的项目根目录下创建一个 `scripts` 文件夹,并在其中添加你的自定义 JS 文件,例如 `custom.js`。
2. 在 `vite.config.js` 中添加以下代码:
```javascript
import path from 'path';
export default {
build: {
rollupOptions: {
output: {
// 修改自定义文件的输出路径
chunkFileNames: 'js/[name]-[hash].js',
entryFileNames: 'js/[name]-[hash].js',
assetFileNames: 'js/[name]-[hash][extname]',
// 引入自定义 JS 文件
intro: `import '${path.resolve(__dirname, './scripts/custom.js')}';`,
},
},
},
};
```
3. 运行 `npm run build`,Vite 会将你的自定义 JS 文件打包进输出的 JS 文件中。
注意,这种方法可能会增加你的项目的体积,所以请谨慎使用。
阅读全文