第十四讲:前端组件的安装和前端资源的编译

composer.json组件是我们composer生成的,记录我们项目里要用到的php组件;

package.json是声明我们项目里所用到的js组件的;package.json对应的是node.js对应的npm;

 

 npm 类似composer 可以用它 来安装我们的js组件;

它安装就基于package.json里的声明的组件;

 

 

这些组件所属服务器都是在国外,要下载这些组件需要先设置国内镜像;

npm config set registry "https://registry.npm.taobao.org"  将npm服务器的镜像设置为淘宝的npm国内镜像;

设置好了 以后我们要安装package.json里的依赖 可以执行npm install 但是基于过去的体验,我们在npm的使用过程中;总是报错不断,而且比较慢.所以很多大厂都基于npm开发自己的前端管理工具;脸书(先已改名元宇宙)基于npm开发一款yarn的前端管理工具;yarn相当于npm的优化版本;下载速度非常快,使用体验上几乎没有什么报错;

它要安装我们package.json里的声明的组件 使用命令yarn install;

注意:如果主机是windows系统不支持 软链接;如果是Linux或者MAC系统直接yarn install即可;

windows系统命令为: yarn install --no-bin-links

下载好组件之后,就可以进行编译了;npm run dev

首次执行会报错 cross-env文件找不到

 

 

因为我们在homestead虚拟机里,不是windows系统是Linux系统,用不到cross-env;所以把package.json里的所有cross-env删除掉;

再次执行命令 npm run dev

当显示如下

 

  说明已经编译完成了;public目录下就有了 这两个文件

 

 前端页面也显示正常了

 

posted @ 2021-12-19 22:45  痞子胥  阅读(62)  评论(0)    收藏  举报