![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
npm
死亡的挽歌
这个作者很懒,什么都没留下…
展开
-
rollup+typescript+vue构建组件库
创建项目mkdir rollup-vue-tscd rollup-vue-tsnpm init -ytsc -inittsc -init命令:初始化并创建tsconfig.json文件安装依赖第一步rollup相关npm i rollup rollup-plugin-buble rollup-plugin-commonjs rollup-plugin-json rollup-plugin-node-resolve rollup-plugin-terser rollup-plugin-fi原创 2020-12-24 15:33:31 · 2821 阅读 · 0 评论 -
vue封装npm包
有时候存在一个模块的功能,多个项目中被用到,这样的话每次都需要复制过去,修改配置,很麻烦,还存在改错,漏改的情况,这时就可以考虑将这个模块封装成npm包,在需要的项目中安装,非常方便,不想看的可以直接下载我修改好的模版,上教程:创建好的模版1.首先创建一个新的vue项目建议选择typescript,这个是未来的趋势,也方便vue3.0后的重构vue create my-npm2.创建packages文件夹,里面放我们开发的组件2.1在packages下创建我们自己的组件需要给组件设置name原创 2020-07-10 11:51:59 · 711 阅读 · 0 评论 -
不发包调试npm(npm link)
有时候我们封装好的npm包在实际项目中的表现与我们的设想有出入,每次都发包调试很麻烦,同时也让版本管理不方便,这个时候可以使用npm link进行调试第一步:打包先讲我们的npm包打包出来:npm run build第二步:npm link进入我们打包出来的文件存放目录,比如lib,执行命令:npm link第三步:进入我们的实际项目上一步已经将我们的npm包挂在了全局,这个时候就可以在项目中引入了,然后就可以正常使用了:npm link npm包的名字第四步:解除linknpm原创 2020-07-13 14:38:02 · 1442 阅读 · 0 评论