简介 这里总结一个简单的npm包搭建,打包,调试,发布的基础点. 涉及内容 npm初始化 package.json 配置 eslint配置 babel配置 rollup打包 ...
如果需要多文件合并到同一文件,可以使用相关的rollup插件包, 这里导出的配置也可以为配置数组,表示多个打包配置。可以同时处理多文件多输入的情况 添加打包命令 代码语言:javascript 复制 // package.json{..."script":{// 指定rollup运行的配置文件,并监听文件修改。"dev":"rollup -c rollup.config.js -w","bui...
完成后你就可以使用jjbackup命令来试试看。 发布NPM包 测试都没问题后,你就可以准备发布你的npm包了。 注册npm账户(https://www.npmjs.com/) 使用npm login命令在终端中登录你的账户 使用npm publish发布的插件 在发布时,你可能会遇到一些问题。一般百度或Google都能找到解决方案。 但下面这个问题真是让我挠头...
1 vscode 安装 live server 插件 2 npm 打包文件 执行打包命令 npm run build:dev 打包成功后,在项目 dist 文件夹下会生成打包文件 3 使用 vscode 打开 dist 文件夹 使用live server 打开 index.html 运行如下
打包 通常,我们把打包好的一些模块文件放在一个目录下,便于统一进行加载;是的,npm包也是需要进行打包的,虽然也能直接写npm包模块的代码(并不推荐),但我们经常会在项目中用到typescript、babel、eslint、代码压缩等等功能,因此我们也需要对npm包进行打包后再进行发布。
框架搭建 首先我们使用pnpm包管理器搭建一个Vite项目,选择库打包模式。 pnpm create vite 输入我们项目的名称,然后选择框架,选择其他Others: 选择框架 这一步是选择项目的模板,我们在这里选择库模式: 模板 最终我们生成项目模板的基本目录结构如下: |- lib ...
好了,现在我们把做好的vue组件发布试试! 先登录私服: npm login --registry=http://xxx.xxx.xxx:xxxx/repository/vue-test/ 输入账号 输入密码 输入邮箱登录npm仓库.png第一次需要登录,下次发布组件就需要登录了发布组件,终于到了这一步骤... npm publish --registry=http://xxx.xxx.xxx:xxxx/repository/...
发布OpenHarmony npm包 将打包的OpenHarmony npm包发布至npm仓,可供其他开发者安装和引用。npm包的发布,既可以发布到npm官方中心仓,也可以将其发布到DevEco Marketplace提供的OpenHarmony npm专用仓,接下来将重点介绍如何发布到OpenHarmony npm专用仓。关于发布到npm官方中心仓请参考npm官方文档。
发布OpenHarmony npm包 将打包的OpenHarmony npm包发布至npm仓,可供其他开发者安装和引用。npm包的发布,既可以发布到npm官方中心仓,也可以将其发布到DevEco Marketplace提供的OpenHarmony npm专用仓,接下来将重点介绍如何发布到OpenHarmony npm专用仓。关于发布到npm官方中心仓请参考npm官方文档。
环境搭建 安装nodejs 安装vscode npm npm的思路大概是这样的 使用 npm publish 把代码提交到 repository 上,分别取名 jquery、bootstrap 和 underscore 社区里的其他人如果想使用这些代码,运行 npm install就把 jquery