Vite:捆绑特定的javascript文件

Question

我有不同的javascript文件。例如jQuery.jsowl.jsdevil.jsswipper.jsmanage.jsbusiness.jsinsidesrcdirectory.

注意:这些文件不能相互导入，所以我必须手动指定路径，这些是javascript文件，其中包括owl.js,swipper.js,devil.js将它们全部捆绑在public.min.js中，并将其余三个文件捆绑在main.min.js

我有没有办法把它们和vite捆绑在一起。

更新:我创建了这个vite插件，你可以完全相同的事情https://www.npmjs.com/package/vite-multi-bundler

Answer 1

可以将export default添加到src文件中，或者使用npm安装插件并在导入中使用它。创建2个额外文件:src/main.js

import {jQuery} from 'jquery';
import manage from './manage.js';
import business from './business.js';
export default {
jQuery,
manage,
business
};

andsrc/public.js:

import owl from './owl.js';
import swiper from 'swiper';
import devil from './devil.js';
export default {
owl,
swipper,
devil
};

在vite.config.js输入中使用这些文件:

import {defineConfig} from "vite"
export default defineConfig({
base: '/',
assetsDir: 'src',
outDir: 'dist',
build: {
analyze: false,
minify: true,
sourceMap: false,
rollupOptions: {
input: {
main: 'src/main.js',
public: 'src/public.js',
},
output: {
inlineDynamicImports: false,
format: 'es',
entryFileNames: '[name].min.js',
chunkFileNames: '[name]-[hash].min.js'
}
}
},
});

看到更多