美文网首页
vue 静态资源 压缩提交自动化

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

作者: jinya2437 | 来源:发表于2017-08-28 19:25 被阅读138次

    svn用的是小乌龟, 注意啦: checkout和commit都会弹出窗口(>.< )

    前提:

    1. 需要安装co和child_process模块,co可以执行多个promise,child_process可以执行命令行的库(cmd命令)
    2. 同时需要配置winrar(压缩包)坏境变量,参考资料https://jingyan.baidu.com/article/db55b6099d1e0d4ba30a2fc0.html
    // 文件名buildUat.js
    // uat测试是酱紫:npm run build生成的dist、压缩成zip提交服务器;通过nginx来指定路径访问页面。
    // 下面的代码实现自动化build 压缩提交到服务器,过程很艰辛~~
    let exec = require('child_process').exec,
            co = require('co'),
            path = require('path');
    
    // svn提交压缩包/url 指定检出的URL
    const svnPath = 'https://code.ds.XXXX.com.cn/svn/XXX_bh_jszx/30_Coding/NewDevMode/trunk/market/market-wap';
    // svn提交压缩包 /path 指定目标目录
    const COMMIT_PATH = "E:\\SM_SRC_SVN";  
    // 本地工程/Path 指定目标目录
    const UPDATE_PATH = path.resolve(__dirname, '..');
    
    // 是否存在 压缩包指定目标目录/path
    function isExist(){
        return new Promise( (resolve, reject) => {
            exec(`cd ${COMMIT_PATH}`, (error) => {
                if (error) resolve(false)
                resolve(true)
            })
        })
    }
    
    // 创建压缩包指定目标目录/path
    function mkDir(){
        return new Promise( (resolve, reject) => {
            exec(`md ${COMMIT_PATH}`, (error) => {
                if (error) return console.error(error)
                console.log('mkDir---------------------- success')
                resolve(true)
            })
        })
    }
    
    // 创建 压缩包 指定检出的URL
    function svnCheckout(){
        return new Promise( (resolve, reject) => {
            exec(`TortoiseProc.exe /command:checkout /path:"${COMMIT_PATH}" /url:"${svnPath}" /closeonend:1`, (error) => {
                if (error) return console.error(err)
                console.log('svnCheckout---------------------- success')
                resolve('svnUpdata')
            })
        })
    }
    
    
    // 更新代码
    function svnUpdata(){
        return new Promise( (resolve, reject) => {
            exec(`TortoiseProc.exe /command:update /path:"${UPDATE_PATH}" /closeonend:1`, (error) => {
                if (error) return console.error(err)
                console.log('svnUpdata---------------------- success')
                resolve('svnUpdata')
            })
        })
    }
    
    // 生成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('svnUpdata')
            })
        })
    }
    
    // 打包规范: dist-20170828-1345.zip
    function zip(){
        let arr = new Date().toLocaleString().split(' ');
        let yearMonth = arr[0].replace(/-/g, '');
        let time = arr[1].replace(/:/g, '').substring(0,4);
        return new Promise( (resolve, reject) => {
            exec(`winrar a -r -ep1 ${COMMIT_PATH}/dist-${yearMonth}-${time}.zip ./dist/`, (error) => {
                if (error) return console.error(err)
                console.log('zip---------------------------- success')
                resolve()
            })
        })
    }
    
    // 提交:压缩包 
    function svnCommit(){
        return new Promise( (resolve, reject) => {
            exec(`TortoiseProc.exe /command:commit /path:"${COMMIT_PATH}" /logmsg:"test log message" /closeonend:4`, (error) => {
                if (error) return console.error(err)
                console.log('svnCommit------------------------- success')
                resolve('svnCommit')
            })
        })
    }
    
    // 执行任务
    co(function* () {
        const flag = yield isExist()
        if(!flag){
            // 创建目录并且checkout压缩包资源
            yield mkDir()
            yield svnCheckout();
        }
        yield svnUpdata()
        yield build()
        yield zip()
        yield svnCommit()
      console.log('done')
    });
    
    // 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
    
    QQ图片20170828192352.png

    相关文章

      网友评论

          本文标题:vue 静态资源 压缩提交自动化

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