gulp4 多页面项目管理打包(html, es6,less编译压缩版本控制)

1.如何使用

gulp4自动化构建工具,让所有变的简单起来,那么需要怎么使用呢?

官网入口 按照官网安装工具与依赖

2.项目结构

-- gulp4

  -- gulpfile.babel.js

    - index.js

    - **其他配置项

  -- node_modules

  -- project 项目地址

    - css

    - js

    - pages

    - images

  - .babelrc

  - package-lock.json

  - package.json

  - webpack.config.js

3. 多页面配置 

入口文件做最后处理

// gulpfile.babel.js -- index.js
import {
  src,
  dest,
  series,
  parallel,
  watch,
} from 'gulp';

// 本地服务同步刷新
import browser from 'browser-sync';
const browserSync = browser.create();
// 引入功能组件
import del from 'del';
import convertLess from './convert-less';
import convertJs from './convert-js';
import convertHtml from './
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值