利用gulp 打包压缩代码

var gulp = require('gulp'),
    uglify = require("gulp-uglify");
    webpack = require('gulp-webpack'),


var path = require("path");
var pc = {
  entry: './src/index',
  output: {
    path: path.join(__dirname, 'scripts'),
    filename: "app.js",
    publicPath: '/scripts/'
  },
  module: {
      loaders: [{
        test: /\.jsx?$/,
        loaders: ['react-hot', 'babel'],
        include: path.join(__dirname, 'src')
      }]
  }
};

gulp.task("webpack", function(callback) {
  var myConfig = Object.create(pc);
  // run webpack
  webpack(
    // configuration
    myConfig
  , function(err, stats) {
    // if(err) throw new gutil.PluginError("webpack", err);
    // gutil.log("[webpack]", stats.toString({
    //   // output options
    // }));
    callback();
  });
});
gulp.task('minify', function () {
    gulp.src('scripts/app.js')
    .pipe(uglify()) // 要压缩的js文件
    .pipe(gulp.dest('scripts')); //压缩后的路径
});

gulp.task('default', ['webpack', 'minify']);

在项目目录直接 运行 gulp 即可(前提你的装了gulp)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容