import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import vueJsx from '@vitejs/plugin-vue-jsx' import vueDevTools from 'vite-plugin-vue-devtools' import { visualizer } from 'rollup-plugin-visualizer' import externalGlobals from 'rollup-plugin-external-globals' // http...
复制代码npm i rollup-plugin-external-globals -D npm i vite-plugin-html -D html 复制代码 <%- vue %> css 复制代码import { createHtmlPlugin } from'vite-plugin-html' rollupOptions: { // 告诉打包工具 在external配置的 都是外部依赖项 不需要打包 external: ['vue'], plugins: [ externalGloba...
npm install rollup-plugin-external-globals -D vite.config.ts里面配置 import externalGlobals from 'rollup-plugin-external-globals'; const globals = externalGlobals({ moment: 'moment', // 'video.js': 'videojs', // jspdf: 'jspdf', // xlsx: 'XLSX', react:react, react-dom:refact-dom })...
3)修改Vite配置文件vite.config.ts 首先本集成方案中需要依赖vite的外部全局变量引入插件:rollup-plugin-external-globals,其次因为ts中node对象无法自动提示,本配置文件中需要用到path对象,所以安装@types/node来避免检查错误。 rollup-plugin-external-globals安装方法: cnpm install -S rollup-plugin-external-globals 1...
npm install rollup-plugin-external-globals -D vite.config.js里面配置 import externalGlobals from 'rollup-plugin-external-globals'; const globals = externalGlobals({ moment: 'moment', // 'video.js': 'videojs', // jspdf: 'jspdf', // xlsx: 'XLSX', react:react, react-dom:refact-dom }...
1.再要做CDN的JS组件库文件的时候要使用 rollup-plugin-external-globals 这个插件,但是不做CDN的时候要关闭注释掉,不然引入插件后可能会报一些依赖库的全局变量未声明的错误,比如 Vue is not defined 这样的错误, 建议再打包的时候可以用环境变量控制一下 ...
pnpm add rollup-plugin-external-globals -D 使用方法：在`vite.config.ts`中添加打包配置 import...
这里有可能是 vue-demi 引入了 vue,然而 rollup-plugin-external-globals 插件配置全局变量时不会处理 node_modules 下的依赖项,导致 vue-demi 还是通过 import 的方式与 node_modules 下的 vue 进行关联,而没有使用全局变量下的 vue,打包后 vue 已变成外部依赖项,vue-demi 自然无法找到 vue,所以就报错了。
Vite 的打包是通过 Rollup,打包时使用 CDN 需要安装一个插件:rollup-plugin-external-globals import{ defineConfig }from'vite'importexternalGlobalsfrom'rollup-plugin-external-globals'exportdefaultdefineConfig({// other configbuild: { rollupOptions: { ...
这里有可能是vue-demi引入了vue,然而rollup-plugin-external-globals插件配置全局变量时不会处理node_modules下的依赖项,导致vue-demi还是通过import的方式与node_modules下的vue进行关联,而没有使用全局变量下的vue,打包后vue已变成外部依赖项,vue-demi自然无法找到vue,所以就报错了。