在 Laravel 中使用 gulp 构建前端资源

最近把自己主页前端代码进一步规范了,使用 npm 引入一些前端的资源库,在 Laravel 5.5 中使用 gulp 遇到一些坑。

mix.sass 无法直接使用 node_modules 文件夹里的,只能用 resource/assets/sass/app.scss 这个文件生成 css,然后和其他的 css 合并为一个文件。

mix.scripts 可以使用 node_modules 文件夹里的 js,并和自己的 js 合并为一个文件。
继续阅读“在 Laravel 中使用 gulp 构建前端资源”

npm install 报错: operation not permitted, rename

运行 npm install 命令安装依赖包,在 Mac 上的 Vagrant 装的虚拟机上没问题,在阿里云 CentOS 上也没问题,但是在 Windows 环境同样是 Vagrant 装的环境相同的虚拟机上就是不成功,报错如下:

npm ERR! Error: EPERM: operation not permitted, rename ‘/usr/share/nginx/html/tanteng.me/node_modules/duplexify’ -> ‘/usr/share/nginx/html/tanteng.me/node_modules/.duplexify.DELETE’

继续阅读“npm install 报错: operation not permitted, rename”

使用 gulp watch

在 Laravel 项目中,使用 gulp 前端构建工具压缩 css,js 文件并自动部署,如果在开发中,改动了 css,js 都要手动执行 gulp 命令,就会很繁琐,使用 gulp watch 监控文件变动,并实时发布,如图所示。

gulp-watch