zoukankan      html  css  js  c++  java
  • 使用gulp 压缩js

    js 编写后文件太大,可以使用gulp 来进行压缩。

    具体步骤如下:

    1.创建一个工作目录

    在该目录下安装 gulp

    npm install gulp

    安装gulp-uglify 模块

    npm install gulp-uglify

    2.在工作目录下编写脚本gulpfile.js

    var gulp = require('gulp')

    var uglify = require('gulp-uglify')

    gulp.task('script', done => {
    // 1. 找到文件
    gulp.src('js/*.js')
    // 2. 压缩文件
    .pipe(uglify())
    // 3. 另存压缩后的文件
    .pipe(gulp.dest('dist/js'))

    done()
    })

    这个代码的意思是,创建一个script 的任务

    1.这个任务先找到 src 目录下的 后缀为 js 的文件

    2.将文件进行压缩

    3.将文件另存到dist/js 目录下。

    3.编写需要压缩的代码 a.js

    function demo (msg) {
        alert('--------
    ' + msg + '
    --------')
    }
    
    demo('Hi')

    4.执行任务

    在工作目录下执行 gulp script 意思是,gulp 会去查找 gulpfile.js 文件,并执行 script 的任务。

    5.在dist/js 下找到 a.js 

    function demo(n){alert("--------
    "+n+"
    --------")}demo("Hi");

    发现js代码确实被压缩了。

     
  • 相关阅读:
    mysql字符集设置
    mysql解压版服务启动方式
    html的表格边框为什么会这么粗?
    通过js获取tinymce4.x的值
    bzoj 3083 树链剖分
    bzoj 1143 二分图最大独立集
    bzoj 2303 并查集
    可持久化数据结构讲解
    bzoj 1072 状压DP
    bzoj 2741 可持久化trie
  • 原文地址:https://www.cnblogs.com/yg_zhang/p/12484730.html
Copyright © 2011-2022 走看看