gulp 重命名 vue-cli3的发布文件

目标：

打包后 dist 里面文件 webpackJsonp 改为 webpackJsonLvsp (改用 gulp 重命名)

前置条件：

npm install --save-dev gulp gulp-replace

不多说，上代码

const gulp = require('gulp')

const replace = require('gulp-replace')

 

const fs = require('fs')

const join = require('path').join

 

const baseUrl = 'dist/static/js'

const putBackPath = 'dist/static/js'

 

let filesArr = getJsonFiles(baseUrl)

 

// console.log(filesArr)

 

// 获取目录下的所有文件名，返回数组

function getJsonFiles(jsonPath) {

  let jsonFiles = []

  function findJsonFile(path) {

    let files = fs.readdirSync(path)

    files.forEach(function(item, index) {

      let fPath = join(path, item)

      let stat = fs.statSync(fPath)

      if (stat.isDirectory() === true) {

        findJsonFile(fPath)

      }

      if (stat.isFile() === true) {

        jsonFiles.push(fPath)

      }

    })

  }

  findJsonFile(jsonPath)

  jsonFiles = jsonFiles.map(item => {

    let str = item.split('\\').join('/')

    return str

  })

  return jsonFiles

}

 

gulp.task('default', function(done) {

  console.log('打包后 dist 里面文件 webpackJsonp 改为 webpackJsonLvsp')

  for (let path of filesArr) {

    gulp

      .src(path)

      // See https://mdn.io/string.replace#Specifying_a_string_as_a_parameter

      .pipe(replace(/webpackJsonp/g, 'webpackJsonLvsp'))

      .pipe(gulp.dest(putBackPath))

  }

  done()

  console.log('打包完成')

})

 

 

参考资料：

 

https://github.com/lazd/gulp-replace

 

https://cloud.tencent.com/developer/article/1383945

 

https://blog.youkuaiyun.com/hsl0530hsl/article/details/78363222

 

http://www.ruanyifeng.com/blog/2016/10/npm_scripts.html