51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#npm
从零开始开发一个vue组件打包并发布到npm (把vue组件打包成一个可以直接引用的js文件)
自己写的组件有的也挺好的,为了方便以后用自己再用或者给别人用,把组件打包发布到npm是最好不过了,本次打包支持支持正常的组件调用方式,也支持Vue.use,也可以直接引用打包好的js文件,配合vue.js就不需要webpakc这种构建工具了,可以直接在页面内使用,下面以‘yyl-npm-practice’这个包为例第一...
代码星球
·
2021-01-13
一个
vue
组件
开始
开发
vue-cli 打包(npm run build) 出现 ERROR in xx..js from UglifyJs Unexpected token: punc (()
之前打包还没问题,这次就报错了,后来发现原来是少了 .babelrc文件,网上找了好多方法都不行,后来看了之前的项目,原来是少了.babelrc 文件,只要在根目录下建立这个文件,文件内容如下:{"presets":[["env",{"modules":false}],"stage-3"]}文件位置...
代码星球
·
2021-01-13
vue-cli
打包
npm
run
build
npm install 不自动生成 package-lock.json文件
package-lock.json这个文件的作用就不详细说明了有需要的可以参考:https://www.cnblogs.com/cangqinglang/p/8336754.html 网上都说npm自从版本npm5.0之后,执行npminstall的时候就会自动生成package-lock.json文件了,但...
代码星球
·
2021-01-13
npm
install
自动生成
package-lock.json
文件
根本上解决npm install 报错“ajv-keywords@3.4.0 requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.“
每次项目npminstall的时候都报这个错误, 然后网上找的方法就把这个ajv重新安装下,感觉有点麻烦,后来有次我把npm更新了一下(我的版本是:6.1.0),更新到了最新版本,这个问题就咋也没出现过了,原来是npm版本的问题。查看自己的npm版本: npm-v 更新本机的npm到最新版...
代码星球
·
2021-01-13
install
peer
根本上
解决
npm
npm run build
解答:npmrundev是开发环境,npmrunbuild是生产环境,在开发环境完成代码和测试,之后用生产环境生成代码,npmrunbuild的时候,一开始就会提示BuiltfilesaremeanttobeservedoveranHTTPserver.Openingindex.htmloverfile://won't...
代码星球
·
2020-12-30
npm
run
build
npm ande gulp cmd
在学习前,先谈谈大致使用gulp的步骤,给读者以初步的认识。首先当然是安装nodejs,通过nodejs的npm全局安装和项目安装gulp,其次在项目里安装所需要的gulp插件,然后新建gulp的配置文件gulpfile.js并写好配置信息(定义gulp任务),最后通过命令提示符运行gulp任务即可。安装nodejs-...
代码星球
·
2020-12-30
npm
ande
gulp
cmd
npm scripts 参数_npm scripts使用指南
npm 允许在package.json文件里面,使用scripts字段定义脚本命令。{//..."scripts":{"build":"nodebuild.js"}}上面代码是package.json文件的一个片段,里面的scripts字段是一个对象。它的每一个属性,对应一段脚本。比如,build命令对应的脚...
代码星球
·
2020-12-25
npm
scripts
参数
使用指南
npm 和 yarn 你选哪个?
每个团队都必须在开发过程中做出各种决定。其中通常会涉及到 yarn,npm 或其它用于构建和打包 JavaScript 代码的工具。一些开发人员渴望朝着某个方向前进,有时他们会花费大量时间来尝试,去做出实际上对他们的工作几乎没有什么影响的决策。首先,要了解为什么要做出一个有趣的决...
代码星球
·
2020-12-24
npm
yarn
你选
哪个
封装Vue组件并发布到npm(完美解决组件中的静态文件引用)
不少前端开发者学习到一定阶段都会去封装一些自己的组件并将其开源。笔者在学习过程中发现,发布的资源包基本分为两类:打包发布的资源包非打包发布的资源包那么这两种方式有何不同呢,他们的使用场景如何,具体的操作步骤又是怎么样的。本文将基于这两种发布方式,对比他们的不同,详解其步骤,并对在封装vue组件和发布npm依赖过程中所遇...
代码星球
·
2020-12-24
组件
封装
Vue
发布
npm
使用 nvm 管理不同版本的 node 与 npm
在我们的日常开发中经常会遇到这种情况:手上有好几个项目,每个项目的需求不同,进而不同项目必须依赖不同版的NodeJS运行环境。如果没有一个合适的工具,这个问题将非常棘手。nvm 应运而生,nvm是Mac下的node管理工具,有点类似管理Ruby的rvm,如果需要管理Windows下的node,官方推荐使用&n...
代码星球
·
2020-12-17
使用
nvm
管理
不同
版本
npm出错的解决方案
npmshowgrpc#返回版本号#安装旧版本:npminstallgrpc@1.2.0 ...
代码星球
·
2020-12-17
npm
错的
解决方案
npm速度过慢的解决方案
因为npm连接的数据源网站太慢,可以使用淘宝提供的npm数据源,npmconfigsetregistryhttps://registry.npm.taobao.org使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应...
代码星球
·
2020-12-17
npm
速度
过慢
解决方案
npm下载安装文件太慢..修改这个就好了..治好多年的便秘..真香预警
修改npm的安装目录下的npmrc文件增加一条 registry=http://registry.cnpmjs.org将原来的https改成下面的http$npmconfigsetregistryhttp://registry.cnpmjs.org ...
代码星球
·
2020-11-27
npm
下载
安装
文件
太慢
npm adduser报错问题
password输入不显示,(*******),又有新问题npminit后在官网上并没有tenhhl这个包,是啥原因? 开始的时候报这种错 npmpublish OK了 _________________________________________________...
代码星球
·
2020-11-27
npm
adduser
报错
问题
Vue 安装“npm install -g @vue/cli”发生npm WARN deprecated request@2.88.2: request has been deprecated,的错误解决方法
配置淘宝镜像:npmconfigsetregistryhttps://registry.npm.taobao.org配置完成后检验是否成功:npmconfiggetregistry重新运行命令:npminstall-g@vue/cli ...
代码星球
·
2020-11-22
npm
deprecated
Vue
安装
install
首页
上一页
...
2
3
4
5
6
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他