mkdir monitor-event-emitter// 创建文件夹cd monitor-event-emitter// 进入文件夹git init// 变成git 仓库npm init-y// 初始化包,会生成一个package.json包配置文件 这里我刚开始的包名并不叫这个,发布了第一版本之后,随着我的库的核心功能(控制台实时打印日志快照)的实现,我才重新改了名字。为了就是让别人看...
├─ .npmignore // npm包上传忽略清单 ├─ package.json // 项目或者模块包的描述 ├─ README.md // 项目说明 ├─ vite.config.ts // 项目配置 ├─ tsconfig.build.json // ts build配置 └─ tsconfig.json // ts配置 # 3.配置项目 vite.config.ts相关配置项 import { Plugin ,defineConfig }...
很明显,npm不会去管这个字段,这个字段只是在我们包在开发中用到的依赖。 而另外一个peerDependencies这个字段我们在平时项目开发中接触的比较少,它的翻译过来的意思就是对等依赖;就像我们在包里封装时间函数时,需要用到Momentjs库,但是如果打包的时候将其打包进去,会导致整个包非常臃肿,如果调用我们包的项目也安装了...
1.创建pakeage.json npm init //自选参数 npm init -y //默认参数 2.构造目录 安装ts开发依赖 npm install typescript tslint -g 创建功能文件夹 初始化ts(安装typescript就可以使用tsc命令)生成tsconfig.json文件 tsc --init 配置webpack npm install webpack webpack-cli webpack-dev-server -D npm instal...
手摸手学会搭建一个 TS+Rollup 的初始开发环境 目前市面上有许多 CLI 工具用于快速初始化构建一个项目。例如:tsdx、create-react-app,对于一些个人小项目来说实在是显得又有些臃肿,如果抛开这些 CLI 工具,自己手动从 0 到 1 手动搭建一个小而美的 NPM 包开发环境需要做哪些工作?不妨一起动手试一下!
在Vue开发中,确实可能会遇到一些第三方NPM包没有TypeScript(TS)版本的情况。这可能是由于这些包的维护者尚未提供TypeScript支持,或者由于一些其他原因。不过,即使你遇到只有JavaScript(JS)版本的第三方包,你仍然可以在Vue 3 + TypeScript项目中使用它们。以下是一些建议的解决方法: 使用声明文件(Declaration Files):如果...
首先新建一个文件夹命名three-study,然后npm init -y 用webpack工具,第一步要安装webpack主功能包: npm i webpack --save-dev npm i webpack-cli --save-dev 这两个包是webpack最基础的包,如果仅仅只是用于打包,这两个足够了(--save-dev的意思是仅仅用于开发环境)。
发布npm包 登录 npm login 如果在npm官网没注册过账号,先注册一下,再登录。 输入用户名、密码、邮箱。 如果登录遇到npm ERR! no_perms Private mode enable, only admin can publish this module:这个错误,可以尝试如下解决方法。 npm config set registry http://registry.npmjs.org ...
最后通过npm publish进行代码发布 安利一波我之前写的打包工具,现在加入了publish功能,通过 -pub命令可以直接git tag并发布至npm,有兴趣的朋友可以试试 总结 本文以TS+rollup为例,介绍了安装配置开发部署一个工具包的全过程,希望对你有帮助 感谢你看到最后,有什么问题欢迎在评论区留言或私信 ...
根目录执行npm run dev 配置host,打开 BK_APP_HOST 配置了域名的地址 生产构建 根目录执行npm run build 前端项目工程介绍 bin 目录 bin 目录下有 2 个钩子文件,可以在项目在开发者中心构建前后执行 mock-server 目录 前端框架提供了 mock 服务,可以在 mock-server 编写 mock 服务。