gulp 生產/測試環境 打包

var publicjs = {
    // @if NODE_ENV = 'development'
    requestUrl: 'http://publisher-api-test.deepleaper.com/web',
    // @endif
    // @if NODE_ENV = 'production'
    requestUrl: 'http://publisher-api.deepleaper.com/web',
    // @endif
  };
"scripts": {
    "dev": " export NODE_ENV=development && gulp development",
    "pro": " export NODE_ENV=production && gulp production"
  },
var gulp = require('gulp');
var rename = require('gulp-rename');

var version = 'v1.4.0';
var basename = 'SDK';
var file = 'src/sdk.js';
//開發測試版本
gulp.task("development", function() {
  gulp
    .src([file])
    .pipe(preprocess({
      context:{
        NODE_ENV: process.env.NODE_ENV || "development"
      }
    }))
    .pipe(uglify()) //壓縮
    .pipe(rename({
        basename: basename,
        suffix: '-' + version,
    })) //重命名
    .pipe(gulp.dest("./test"));
});
//生產版本
gulp.task("production", function() {
  gulp
    .src([file])
    .pipe(preprocess({
      context:{
        NODE_ENV: process.env.NODE_ENV || "production"
      }
    }))
    .pipe(uglify()) //壓縮
    .pipe(rename({
        basename: basename,
        suffix: '-' + version,
    })) //重命名
    .pipe(gulp.dest("./release"));
});
打包流程:
* npm run dev  生成測試環境壓縮包
* npm run pro  生成生產環境壓縮包

參考鏈接:https://www.jianshu.com/p/bd2f97e16d86 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章