前后端交互Node+Gulp-02

第三方模块Gulp

1、引入2、创建

下载模块



880

下载，引用，调用

1、压缩



2、抽取公共代码


然后把AB两个文件中的公共代码保存到cm.html里面，再通过在AB文件里面加
最后在命令行里执行

css任务

1、less语法转换
2、css代码压缩






2、

下载

引入



被压缩了：

js任务

1、es6转换
2、代码压缩

空格隔开，可以同时下载多个，后面的文件是他的依赖

引用






代码压缩 gulp-uglify







压缩之后
copy

构建任务

package.json文件

创建description文件，用命令行进入，（一次性 npm init -y）



下载两个模块


如果使用者缺乏这个模块，可以使用命令行工具npm install
下回来

项目依赖

区分的好处：让我们在不同的开发环境下下载不同的依赖，线下开发环境可以下载全部依赖，线上（服务器），就只下载dependencies

npm install --production 只会下载


别名+原来的名字

npm run build

node.js中模块的加载机制

省略后缀依然能找到

把find.js的名字改了，再执行会出错，这是新建一个find文件夹，里面创建一个Index.js的文件


如果index.js也没有，就找package.json
切换到find，

把main里面的默认执行改成main.js，并在find新建main.js

找的就是Main指向的那个文件，如果没有Main,就什么都找不到

第二种情况

系统里没有，去module去找

把find改名，创建find文件夹,文件夹里创建一个index.js文件

再改名，再find文件夹里创建json文件，把main指向改成b.js

入口文件不存在就找不到了