大纲 1.准备2.自定义npm包3.发布自定义npm包4.引用npm包5.更新npm包6.撤销发布的npm包 简书原文 https://www.jianshu.com/p/d737bc5df5b7 1.准备 1.1.注册npm用户 npm官网(https://www.npmjs.com/) 1.2.安装nodeJs Node.js官网(http://nodejs.cn/) 1.3.编辑器 我使用的是编辑器vscode进行操作的,读者也可以打开控制台进入到对应目录中进行操作 2.创建自己的npm包…

前言 这篇文章是在我之前的文章 [自定义npm包的创建.发布.更新和撤销] 的基础上做的扩展,主要是针对如何创建以及发布一个typeScript语言的npm包. 大纲 1.创建关于typeScript的npm包2.往npm包中添加一些内容3.对package.json进行配置4.发布5.创建使用案例6.优化 简书原文 https://www.jianshu.com/p/fbbaa379bced 1.创建关于typeScript的npm包 1.1.创建npm包 执行: npm init -y获得一…

把通用的功能开发成npm包,便用使用和维护,更重要的是可以分享给广大的开发者,是不是很激动人心! 那么,步骤如下: 1.创建项目 创建项目目录,npm init ,根据需要输入配置信息(建完后也可以在package.json中自行修改) 创建完成后项目目录下会有一个package.json文件 配置项 name: 说明了npm包的名称,也就是publish后可以在npmjs中通过该名称搜索到 version:版本号 main:入口文件 2.创建index.js文件,内容如下: function…

在我们使用第三方框架时,常常看到XXX.bundle的文件. 我们找到该文件,显示包内容,大致看到很多资源文件:图片.配置文本.XIB文件……   什么是Bundle文件? 简单理解,就是资源文件包.我们将许多图片.XIB.文本文件组织在一起,打包成一个Bundle文件.方便在其他项目中引用包内的资源.   Bundle文件的特点? Bundle是静态的,也就是说,我们包含到包中的资源文件作为一个资源包是不参加项目编译的.也就意味着,bundle包中不能包含可执行的文件.它仅仅是作为资源,被解析…

基于webpack-scaffold 此脚手架配置 删除.gitignore文件中对dist文件夹的无视配置 修改package.json文件 { "private": true, // 删除此字段 "main": "./dist/index.js", // 指向打包后的主js文件 "module": "./src/index.ts", // 开发时源码主文件 "types": &quo…

我们基于nodejs平台上面的npm上,可以随意下载很多npm安装包.那我们如何创建自己的npm包呢?很简单,废话少说,开始做~ 开始做之前nodejs默认是要安装的,怎么安装自行百度其他教程. 首先在npm网站上注册一个账号,这个账号之后会用到. npm网站地址:https://www.npmjs.com/ npm网站注册地址:https://www.npmjs.com/signup 注册完毕,回到我们的电脑.Windows直接cmd到命令行: //输入以下命令,会提示输入用户名.密码.邮箱,…

1.npm官网创建npm账户 npm网站地址:https://www.npmjs.com/ npm网站注册地址:https://www.npmjs.com/signup 2.命令行工具登录npm npm login 验证登录是否成功 npm who am i 3.创建npm库 npm init 按照提示输入相应内容: 以下为package.json内容: { "name": "zgb_npm", "version": "1.0.0&qu…

原文地址:https://www.cnblogs.com/sghy/p/6829747.html 1.npm官网创建npm账户 npm网站地址:https://www.npmjs.com/ npm网站注册地址:https://www.npmjs.com/signup 2.命令行工具登录npm npm login 验证登录是否成功 npm who am i 3.创建npm库 npm init 按照提示输入相应内容: 以下为package.json内容: { "name": "z…

假设该待发布包在你本地的项目为 project1 包的本地安装测试 在发布之前往往希望在本地进行安装测试.那么需要一个其他的项目来本地安装待发布项目. 假设该其他项目为project2.假设project2和project1在同一级目录下. 1. 创建指向待测试包的符号链接包 cd project1 npm link 2. 本地安装 cd project2 npm install '../project1' 这样就只需要在其他项目中只安装一次project1,因为安装的是指向project1的符…

最近公司有个需求,我们部门开发一个平台项目之后,其他兄弟部门开发出的插件我们可以拿来直接用,并且不需要我们再进行打包,只是做静态的文件引入,研究一波后发现,webpack创建library可以实现. 创建library 完整代码 核心代码为 output: { path: DIST_PATH, publicPath: "", chunkFilename: "[name].js", filename: "testPlugin.js", librar…