gulp 使用例子

最新推荐文章于 2024-08-19 17:04:41 发布

力博荣三维可视化

最新推荐文章于 2024-08-19 17:04:41 发布

阅读量59

点赞数 1

分类专栏：前端基础文章标签： gulp 前端 javascript

本文链接：https://blog.csdn.net/qq_21476953/article/details/141316772

版权

前端基础专栏收录该内容

19 篇文章 0 订阅

订阅专栏

gulp 使用例子

"uglify-js": "gulp uglifyMini"

import path from "path";
import uglify from "uglify-js";
import fs from 'fs'

const outPath = "../../dist/libs/";

function readAllFilesInFolder(folderPath) {
  const files = fs.readdirSync(folderPath);
  const filePaths = files.map(file => path.join(folderPath, file));
  return filePaths;
}

// 对输出的文件进行 uglify 压缩
export async function uglifyMini() {
  const allFiles = readAllFilesInFolder(outPath);

  allFiles.forEach(workerPathName => {
    if (workerPathName.includes('aaa.min.js')) {

      const code = fs.readFileSync(workerPathName, 'utf8');
      const minifiedCode = uglify.minify(code, {
        output: {
          beautify: false,
          comments: false,
        },
        mangle: {
          toplevel: true,
          properties: {
            regex: /^_/ //压缩所有以下划线开头的变量、属性及方法名
          }
        },
        compress: {
          collapse_vars: true,
          reduce_vars: true,
          pure_funcs: ['console.log'] //移除console
        }
      }).code;
      fs.writeFileSync(workerPathName, minifiedCode);
    }

  })
}


export async function devMini() {
  const allFiles = readAllFilesInFolder(outPath);

  allFiles.forEach(workerPathName => {
    if (workerPathName.includes('aaa.min.js')) {

      const code = fs.readFileSync(workerPathName, 'utf8');
      const minifiedCode = uglify.minify(code, {
        output: {
          beautify: true,
          comments: false,
        },
      }).code;
      fs.writeFileSync(workerPathName, minifiedCode);
    }

  })
}