河西网站建设优化seo,网站开发包含的项目和分工,外贸推广信邮件,广告投放是做什么的准备
要有npm账号#xff0c;没有的铁子去npm官网注册一个#xff0c;又不要钱。
使用vite创建项目
一行代码搞定
npm create vite viet-demo框架选择Others 模板选择library 选择ts 这样项目就创建完了
这个项目默认有一个函数#xff0c;用来记录按钮的点击次数并…准备
要有npm账号没有的铁子去npm官网注册一个又不要钱。
使用vite创建项目
一行代码搞定
npm create vite viet-demo框架选择Others 模板选择library 选择ts 这样项目就创建完了
这个项目默认有一个函数用来记录按钮的点击次数并显示在按钮上
文件说明
文件目录如下
viet-demo│ .gitignore│ index.d.ts│ index.html│ package.json│ tsconfig.json│ vite.config.ts│├─lib│ main.ts│├─public│ vite.svg│└─srcmain.tsstyle.csstypescript.svgvite-env.d.ts下面只对关键文件进行说明
index.d.ts ts类型声明文件index.html 测试用的前端页面package.json 包配置文件 name: viet-demo-test 包的名字要唯一不能跟npm现有的包名重复而且不能太短 vite.config.ts vite 配置文件 build: { lib: { entry: ./lib/main.ts, name: Counter, fileName: counter } } entry为入口文件name为打包后暴露的全局变量 lib 这个就是要上传到npm的编译前的代码目录主要是在这个目录撸代码src 为测试的代码目录
打包上传
改一下package.json文件默认是私有包但是npm上传私有包需要收费 所以本着开源精神经费不足我们就把package.json里面的private: true,删掉这样大家都能使用我们上传的包了。
安装依赖包
npm install打包
npm run build上传如果是第一次上传会提示输入用户名和密码
npm publish这样在后台就可以看到我看刚才上传那个包了
使用测试
在其他项目中使用 安装包
npm install viet-demo-test然后引用
import {setupCounter} from viet-demo-testsetupCounter(document.getElementById(btnId))
