首页 > 解决方案 > 如何将打字稿文件缩小为 javascript,我正在使用 Nodejs 6

问题描述

我正在编写打字稿代码并想转换为 .min.js 文件,

转换后获得导出并需要未定义的异常。如果我将使用最新的 gulp 命令,则会出现模块异常,因为我使用的是旧节点 js,因为我们的产品使用的是 nodejs 6

如何转换 .js.map 文件并缩小为单个文件

gulpfile.js

var path = require('path');
var ts = require('gulp-typescript');
var sourcemaps = require('gulp-sourcemaps');
const gulp = require('gulp');
const concat = require('gulp-concat');
const jshint = require('gulp-jshint');
let babel = require('gulp-babel');
const map = require('map-stream');
const del = require('del');
const uglify = require('gulp-uglify');
const jasmine = require('gulp-jasmine');
var debug = require("gulp-debug");

var config = {
  src: './Scripts',
  dest: './build',
};



gulp.task('build-sources', function () {
  return gulp.src(path.join(config.src, '/**/*.ts'))
    //  .pipe(sourcemaps.init())
    .pipe(ts.createProject('./tsconfig.json')())
    //   .pipe(sourcemaps.write())
    .pipe(babel({
      presets: ['@babel/env']
    }))
    .pipe(uglify())
    .pipe(concat('bundle.js'))

    .pipe(gulp.dest('build/app/'))
});



gulp.task('css', function () {
  return gulp.src(['styles/css/**.*'])
    .pipe(gulp.dest('build/css/'))
});

gulp.task('images', function () {
  return gulp.src(['styles/images/*'])
    .pipe(gulp.dest('build/images/'))
});
gulp.task('libs', function () {
  return gulp.src(['styles/libs/*'])
    .pipe(gulp.dest('build/libs/'))
});

gulp.task('lint', function () {
  const jshintTotals = jshintTotalReporter();
  return gulp.src(sourceCode)
    .pipe(jshint('.jshintrc'))
    .pipe(jshint.r`enter code here`eporter('jshint-stylish'))
    .pipe(jshintTotals.collect)
    .on('end', jshintTotals.report);
});
gulp.task('test', () =>
  gulp.src([testCasesPath])
    // gulp-jasmine works on filepaths so you can't have any plugins before it
    .pipe(jasmine())
);


gulp.task('clean', function () {
  return del([
    'build/app/',
    'build/css/',
    'build/images/',
    'build/libs/',
  ]);
});

//gulp.task('default', gulp.series('ts'));
//gulp.task('clean', gulp.series('clean'));
gulp.task('build', gulp.series('build-sources'));
//gulp.task('run_Prod_Build', gulp.series('clean', 'css','libs', 'images', 'prod_env_js'));
//gulp.task('run_dev', gulp.series('clean', 'css', 'images','libs', 'dev_env_js'));

标签: javascripttypescriptecmascript-6gulp

解决方案


推荐阅读