npmcreatevite package.json 中vue的依赖都删掉,把src、public等目录都删掉; package.json文件如下 {"name":"tool",//npm包名"private":false,"version":"0.0.0","type":"module","main":"dist/tool.umd.js","module":"dist/tool.es.js","files":["dist/*"],"scripts":{"build":"vite build"},...
编写打包脚本 步骤: 根目录新建 scripts/build.js const path = require('path') const fs = require('fs') // 使用vite打包 const { build, defineConfig } = require('vite') // 用到的插件 const vue = require('@vitejs/plugin-vue') const dts = require('vite-plugin-dts') const DefineOptio...
要将一个使用 Vite 和 TypeScript 开发的库打包并发布到私人 npm 仓库,你可以按照以下步骤操作: 1. 创建一个 TypeScript 库项目 首先,你需要使用 Vite 创建一个新的项目。由于你要创建的是一个库而不是一个完整的应用,你可以选择使用 Vite 的模板或者直接配置一个基础项目。 bash npm create vite@latest my...
https://cn.vitejs.dev/config/#build-lib 用rollup 打包发布 以前只会用 webpack 的方式打包,用 vue-cli 建立项目,然后打包。这样打的包比较大,里面“无用”的内容比较多,我喜欢清爽型的,听说 rollup 打包的内容会少很多,而且项目也都改用 vite 来创建,用 rollup 打包可以更方便一些。
//打包命令"build":"vite build"},"keywords":[],"author":"",//上传的文件"files":["dist"],"license":"ISC","devDependencies":{"vite":"^4.2.1"}}7.发布npm 如果没有账号 npm adduser 会出现 用户名 密码 邮箱8.注册完成后 npm login 输入 账号 密码 邮箱9.可以创建一个 README.md 里面...
{ text: '使用 Vite 打包工具库并使用 GitHub Actions 自动化发布npm流程', link: '/article/node/使用 Vite 打包一个 TypeScript 编写的 utils 工具库,并在发布到 npm 之前使用 Vitest 进行测试,同时利用 GitHub Actions 自动化发布流程' }, ] }, ] Binary file added BIN +216 KB ...到 npm 之前使...
export.js中的export { AwesomeHeader, AwesomeFooter }将工作。更多关于出口：https://developer.mozilla...
打包的时候,可以通过vite.config.js来设置。 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'// 主要用于alias文件路径别名// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],// 打包配置build:{lib:{entry:resolve(__dirname,'lib/main.js...