Gulp - 学习/实践

了解学习前端项目开发中用到的前端模块管理器之一 Gulp，并且利用其进行前端项目的开发与维护.

1介绍

https://blog.****.net/william_n/article/details/108487342

简单说：前端模块管理器。目前前端工程化处于混乱之中，但是未来一定会被一种前端模块管理器工具统一。

2.文档参考

https://www.gulpjs.com.cn/docs/getting-started/quick-start/  //中文网 -  快速入门

3.实践

环境：

后续补充

...

1.在原有项目中执行gulp命令，出现错误提示：

gulp siva-css[25644]: c:\ws\src\node_contextify.cc:649: Assertion `args[1]->IsString()' failed.

原因：上下版本不兼容语法导致.

解决办法：

方式一：降低node版本. 暂时省略.

方式二：安装组件去解决. TBD

安装node.js的原生javascript模块 natives 可以解决

执行：

npm install natives 

可以看到又警告，暂时不管，重试执行gulp siva-css

再次出现错误, 如下：

原因与解决办法：https://timonweb.com/javascript/how-to-fix-referenceerror-primordials-is-not-defined-error/

简述解决步骤：

因为你的gulp版本v3，node版本v12。
解决方法：
- 将gulp版本升级到v4。
- 将node版本降级到v11。
- 将graceful-fs升级到在node v12+下工作的版本4.2.2(推荐)。

推荐解决办法：
1. 在package.json同级目录下新建文件npm-shrinkwrap.json，输入以下内容：

{
"dependencies": {
"graceful-fs": {
"version": "4.2.2"
}
}
}

2. npm install

如下：

很尬的是： 命令执行错误

这里应该是gulp css-siva, 然后看到问题已经解决.