首页 > 编程知识 正文

npm run dev和npm run build(npm run build:prod)

时间:2023-05-03 13:39:12 阅读:84207 作者:3463

最近,我们公司给一位客户开发ecshop4.0手机端功能时,使用了vue-cli封装指令npm run build。 因为我第一次接触到名为vue的前端框架,所以完全不知道这个叫npm run build的命令是怎么使用的。 和商派客户沟通后,他们的技术请他们自己研究。

我花了一天时间首先安装了nodejs。 因为npm是nodejs独有的功能模块。 (注:公司使用的是window端的nodejs安装软件包。 nodejs安装完成后,在电脑左下角点击“开始-运行”。 输入cmd进入命令控制屏幕,如下图所示。

进入窗口命令界面

进入命令界面后,可以使用node -v命令确认安装了nodejs的版本,并使用npm -v命令确认npm的安装版本。 因为ecshop4.0手机端在打包时对node和npm有最低版本的要求。 如果node和npm的版本过低,则在运行npm run build命令后,将显示相关版本请求的提示。

我的nodejs安装包是从官网下载的最新安装包,安装后的node和npm版本都是最新的,所以node和npm不需要再另外升级了。 有关升级nodejs的知识,请参阅nodejs官方教程。 本机的node和npm版本信息如下

节点和npm的版本信息查询

-------------请参见

分割线

其次,操作ecshop4.0手机的源代码。 商派正式发给我的代码如下图。

这个代码文件夹在我们放在d驱动器的h5目录下后,通过cmd命令接口进入h5文件夹的所有目录,输入npm run build软件包命令进行软件包操作。 如果完全安装了npm模块,则输入打包命令将成功对ecshop4.0手机端的代码进行打包,如下图所示

如果未完全安装npm模块,将报告以下错误

Error: Cannot find module 'chalk'

此时,重新安装npm的相关模块即可。 命令如下所示

纳米安装

仟家连锁信息技术原创,转载请注明出处

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。