以下是 rollupOptions 的参数详解: 1.input: 描述:指定入口文件的路径。 类型:字符串或字符串数组。 默认值:'src/mains' 2.output: 描述:指定输出配置的对象。 类型:对象。 属性: file: 输出文件的路径。 name: 输出的模块名。 format: 输出格式,如 'umd'、'iife'、'cjs' 等。 globals: 指定全局变量。
rollupOptions: { // 确保外部化处理那些你不想打包进库的依赖 external: ['vue'], output: { // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量 globals: { vue:'Vue' } } } } }) // 开发模式、生产模式 constproject =(url) =>{ returndefineConfig({ plugins: [vue], devtools:true, ...
sourcemap: true, rollupOptions: { // 确保外部化处理那些你不想打包进库的依赖 external: ['vue','nf-ui-controller','element-plus'], // 注意看这里 output: { // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量 globals: { vue: 'Vue', 'nf-ui-controller': 'nfUIController', 'element...
在vite打包时,还需要通过配置将其从打包中排除: import{defineConfig}from"vite";exportdefaultdefineConfig({build:{// 其他配置rollupOptions:{external:["moment"],output:{globals:{moment:"moment",},},},},}); 这样,后续当我们在项目中安装我们开发的包时,我们会看到提示安装了两个依赖包,即包本身及其下...
sourcemap:true,// 输出.map文件rollupOptions: {// 确保外部化处理那些你不想打包进库的依赖external: ['vue'], output: {// 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量globals: { vue:'Vue'} } } } }) entry:指定要打包的入口文件。
import{ defineConfig }from"vite";importvuefrom"@vitejs/plugin-vue";exportdefaultdefineConfig({build: {//打包后文件目录outDir:"es",//压缩minify:false,rollupOptions: {//忽略打包vue文件external: ["vue"],//input: ["index.ts"],output: {globals: {vue:"Vue", ...
rollupOptions: { // 告诉打包工具 在external配置的 都是外部依赖项 不需要打包 external: ['vue'], plugins: [ externalGlobals({ //"在项目中引入的变量名称":"CDN包导出的名称,一般在CDN包中都是可见的" vue:'Vue' }) ] } plugins: [
如果你需要更细粒度地控制 Rollup 的配置,可以通过rollupInputOptions和rollupOutputOptions来进行配置: // vite.config.js export default { rollupInputOptions: { external: ['external-lib'], }, rollupOutputOptions: { globals: { 'external-lib': 'externalLib', ...
const rollupOptions={ external: ['vue', 'vue-router'], output: { globals: { vue:'Vue'} } }//全量构建const buildAll = async () =>{ await build(defineConfig({ ...baseConfig, build: { rollupOptions, lib: { entry: path.resolve(entryDir,'index.js'), ...
globals - umd 模式下外部模块的全局变量名称 plugins - 需要使用的 Rollup 插件数组 external - 外部化不需要打包的依赖模块 watch - 是否开启 watch 模式 配置打包文件分类输出 build: { rollupOptions: { output: { chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称 ...