第十四讲:前端组件的安装和前端资源的编译
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目录下就有了 这两个文件

前端页面也显示正常了


浙公网安备 33010602011771号