gulp对原生jquery项目的css和js文件进行压缩

低功耗蓝牙项目,需要一块懂省电的板

思澈 SF32LB52 芯片,BLE 协议栈深度优化,上手即开发

  1. 安装 Node.js 和 Gulp;

  2. 在项目根目录下创建 package.json 文件并添加项目所需的依赖;

  3. 创建一个名为 gulpfile.js 的文件,并在其中编写任务;
    在这里插入图片描述

  4. 在任务中引入所需的 Gulp 插件,例如 gulp-uglify;

  5. 编写任务来处理 JavaScript 文件,将每个文件的代码都压缩到一个新的文件中。
    node.js官网:https://nodejs.org/en;
    Gulp的安装:
    npm初始化,新建package.json
    npm init -y
    先安装全局
    npm install gulp -g
    再需要在当前项目中安装
    npm install gulp
    这里需要安装gulp-uglify和gulp-clean-css
    npm install --save-dev gulp-uglify
    npm install --save-dev gulp-clean-css

const gulp = require('gulp');
const uglify = require('gulp-uglify');
const cleanCSS = require('gulp-clean-css');

gulp.task('css', function () {
  return gulp.src('./css/*.css')
    .pipe(cleanCSS())
    // .pipe(gulp.dest('./dist/css'));压缩到新目录
    .pipe(gulp.dest('./css'));//替换压缩之前的旧代码
});

gulp.task('js', function () {
  return gulp.src('./js/*.js')
    .pipe(uglify())
    // .pipe(gulp.dest('./dist/js'));压缩到新目录
    .pipe(gulp.dest('./js'));//替换压缩之前的旧代码
});

gulp.task('default', gulp.series(['js','css']));

低功耗蓝牙项目,需要一块懂省电的板

思澈 SF32LB52 芯片,BLE 协议栈深度优化,上手即开发

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

枫叶&情缘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值