1:安装node.js 安装方式:https://www.runoob.com/nodejs/nodejs-install-setup.html
安装完后打开cmd, 输入:node -v
2:安装淘宝镜像(npm太慢,改用淘宝镜像下载速度更快,之后安装命令改为cnpm)
npm install -g cnpm --registry=https://registry.npm.taobao.org
3:全局安装gulp
cnpm install --global gulp
如果没有全局安装在打包的时会出现以下情况,当然可以修改环境变量解决(更复杂)
4:进入我们的layui后台管理项目,已经存在gulpfile.js和package.json,不需要进行添加了,或者自行添加也行(方式:想创建package.json ,运行 cnpm init, 不过这种方式添加的依赖会很多,我们只需要gulp打包的即可)
5:在项目中安装gulp
cnpm install --save-dev gulp
安装完后项目会出现一个node_modules文件夹(里面都是第三方依赖库)
6:打包项目,直接在控制台运行 gulp 即可,如过报错如下
报错提示说没有安装gulp-minify-css 模块我们只需要在控制台输入:cnpm install gulp-minify-css --save-dev,在当前项目安装这个模块
直到打包成功提示如下:
注:部署的时候将start下面的index.html文件改为注释的内容即可,同时之后部署的时候仅需要上传dist文件夹,src不需要上传