gulp打包代码过程---1

一.

1.创建一个文件夹，例如：shop
2.在shop文件夹里继续创建两个文件夹 src和dist（dist里面不需要自己去创建）
3.在src文件夹中创建对应的文件夹及其内容，如pages，css，js，images等
4.方法①：然后搜索框中搜索cmd
	需要输入指令：
				盘符：
				cd 文件路径
	方法②：在shop文件夹中（即在指定的文件中）按住Shfit+右键 然后点击‘在此处打开命令窗口’
5.切换下载地址
	npm config set registry https://registry.npm.taobao.org
6.在cmd中输入指令
				npm init -y
				npm i -g gulp
				npm i gulp   或者  npm i -D gulp  
				
				npm i gulp-cssmin
                npm i gulp-autoprefixer

				npm i gulp-uglify
                npm i gulp-babel
                npm i @babel/core  
                npm i @babel/preset-env

				npm i gulp-htmlmin

				npm i gulp-webserver

				npm i del

注：①.先执行 npm init -y 自动配置初始化文件
      在当前项目文件夹中,会自动生成一个配置文件 package.json 
    ②.局部安装命令  npm i gulp
    npm,会自动生成一个文件夹  node_modules 来存储 下载的 第三方模块
    npm,会自动生成一个文件    package-lock.json  其中会存储下载的第三方模块的信息 
7.建立 gulpfile.js 文件（必须定义在执行文件的直系中）,定义 gulp 压缩规范
8.在gulpfile.js中写压缩代码
9.在package.json 中添加兼容
10.在cmd中输入gulp就可  即完成
以上步骤是第一次执行时

当再次执行时可接着之前的命令接着输入命令gulp 
或者是重新打开cmd直接输入gulp