美文网首页
vue 静态资源 压缩提交自动化 (升级版)

vue 静态资源 压缩提交自动化 (升级版)

作者: jinya2437 | 来源:发表于2017-08-30 14:50 被阅读113次

选用Subversion作为SVN提交工具,全程无弹窗(和小乌龟相比~免去用户点击OK操作)。用户体验上升啦 >.<

Subversion下载官网地址:http://subversion.apache.org/
需要配置环境变量:http://blog.sina.com.cn/s/blog_4e7a61b50100dwli.html
配置环境变量后需要重启电脑 (同事说cmd窗口有报错error... >.<)

// 文件名buildUat.js
let exec = require('child_process').exec,
        co = require('co'),
        path = require('path');

const SVN_URL = 'https://code.ds.XXX.com.cn/svn/gome_bh_jszx/30_Coding/NewDevMode/trunk/market/market-wap';
const userName = "lijinya";
const SVN_PATH = "D:\\MARK"
const SVN_NAME =  "market-wap";
const UPDATE_PATH = path.resolve(__dirname, '..');

let arr = new Date().toLocaleString().split(' ');
let yearMonth = arr[0].replace(/-/g, '');
let time = arr[1].replace(/:/g, '').substring(0,4);
let fileName = `dist-${yearMonth}-${time}.zip`;


// 是否存在 压缩包指定目标目录/path
function isExist(){
    return new Promise( (resolve, reject) => {
        exec(`cd ${SVN_PATH}`, (error) => {
            if (error) resolve(false)
            resolve(true)
        })
    })
}

// 创建压缩包指定目标目录/path
function mkDir(){
    return new Promise( (resolve, reject) => {
        exec(`md ${SVN_PATH}`, (error) => {
            if (error) return console.error(error)
            console.log('mkDir---------------------- success')
            resolve(true)
        })
    })
}

// checkout代码
function checkout(){
    return new Promise((resole, reject) => {
        exec(`svn checkout ${SVN_URL} ${SVN_NAME} --username ${userName}`,
            { cwd: `${SVN_PATH}`},
            (error) => {
                if(error) return console.log(error)
                console.log("checkout success-----------------------")
                resole()
        })
    })
}

// 更新代码
function svnUpdata(){
    console.log('svnUpdata---------------------- start')
    return new Promise( (resolve, reject) => {
        exec(`svn update "${UPDATE_PATH}" `, (error) => {
            if (error) return console.error(err)
            console.log('svnUpdata---------------------- success')
            resolve()
        })
    })
}

// 生成md5的js文件 == 执行build命令 
function build(){
    return new Promise( (resolve, reject) => {
        exec(`node build/build.js`, (error) => {
            if (error) return console.error(err)
            console.log('buildJs--------------------- success')
            resolve()
        })
    })
}

// 打包规范: dist-20170828-1345.zip
function zip(){
    
    return new Promise( (resolve, reject) => {
        exec(`winrar a -r -ep1 ${SVN_PATH}/${SVN_NAME}/${fileName} ./dist/`, (error) => {
            if (error) return console.error(err)
            console.log('zip---------------------------- success')
            resolve()
        })
    })
}

    // 添加:压缩包 
function svnAdd(){
    return new Promise( (resolve, reject) => {
        exec(`svn add ${fileName} `, 
            { cwd: `${SVN_PATH}\\${SVN_NAME}`},
            (error) => {
                if (error) return console.error(error)
                console.log('压缩包更新------------------------- success')
                resolve()
            })
    })
}

// 提交:压缩包 
function svnCommit(){
    return new Promise( (resolve, reject) => {
        exec(`svn commit  -m "test log message nokunokunoku"`, 
        { cwd: `${SVN_PATH}\\${SVN_NAME}`},
            (error) => {
                if (error) return console.error(error)
                console.log('svnCommit------------------------- success')
                resolve('svnCommit')
        })
    })
}
        
co(function* (){
    let flag = yield isExist();
    if(!flag){
        yield mkDir()
        yield checkout()
    }
    yield svnUpdata()
    yield build()
    yield zip()
    yield svnAdd()
    yield svnCommit()
})
// package.json 添加 buildUat指令
"scripts": {
    "dev": "node build/dev-server.js",
    "start": "node build/dev-server.js",
    "build": "node build/build.js",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "test": "npm run unit",
    "lint": "eslint --ext .js,.vue src test/unit/specs",
    "buildUat": "node build/buildUat.js"
  },
// cmd执行
npm run buildUat

相关文章

  • vue 静态资源 压缩提交自动化 (升级版)

    选用Subversion作为SVN提交工具,全程无弹窗(和小乌龟相比~免去用户点击OK操作)。用户体验上升啦 >....

  • vue 静态资源 压缩提交自动化

    svn用的是小乌龟, 注意啦: checkout和commit都会弹出窗口(>.< ) 前提: 需要安装co和c...

  • 负载均衡

    什么是静态资源 nginx作为WEB静态资源的原理 CDN示例 配置语法 静态文件的压缩 对可压缩的静态资源压缩比...

  • 最新 完整 gulp之自动化静态资源压缩合并加版本号

    最新 完整 gulp之自动化静态资源压缩合并加版本号 这个方案主要是为了实现js/css/image的压缩合并、自...

  • 压缩静态资源

    使用gulp 压缩静态资源 在项目的根目录下执行以下命令: 在博客根目录下新建 gulpfile.js,并填入以下...

  • 页面性能优化

    加载资源优化 1,静态资源的压缩合并,减少HTTP请求 资源的合并,可以减少http请求数量。资源的压缩,可以减少...

  • Linux_251_nginx静态资源压缩配置

    静态资源压缩 nginx支持gzip对资源压缩传输,经过gzip压缩后的页面大小可以为原本的30%甚至更小,用户浏...

  • GZIP——静态资源压缩

    上一次,小白写的vue页面经打包部署到了服务器,不过白屏的等待太过分了。 看了一下一次刷新的白屏分析, 就是这货的...

  • Hexo静态资源压缩

    静态资源压缩可以优化网页的访问速度、提高用户体验 安装gulp 在站点目录下 或者 安装gulp插件 创建gulp...

  • 网站慢优化

    静态资源:gzip(压缩静态资源加快响应速度) expires(缓存到客户端,减少http请求)cdn(缓存到客户...

网友评论

      本文标题:vue 静态资源 压缩提交自动化 (升级版)

      本文链接:https://www.haomeiwen.com/subject/zlptjxtx.html