使用gulp + rollup 编译ts工程

npm安装依赖

 npm install --save-dev  gulp gulp-typescript rollup rollup-plugin-typescript2 typescript

创建 gulpfile.js



const gulp = require("gulp");
const ts = require("gulp-typescript");
const rollup = require("rollup");
const typescript = require('rollup-plugin-typescript2');

gulp.task('default', function () {
    return roComple();
})


function roComple() {
    return rollup.rollup({
        input: './src/Main.ts',
        treeshake: true,//建议忽略
        plugins: [
            typescript({
                check: false,
                clean:true,
                tsconfigOverride: { compilerOptions: { removeComments: true } }
            }),

        ]
    }).then(bundle => {
        return bundle.write({
            file: './bin/js/game.js',
            format: 'iife',
            name: 'mygame',
            sourcemap: false
        });
    });
}

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

推荐阅读更多精彩内容

  • 1.背景介绍 gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而...
    cczhuc阅读 954评论 0 0
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,524评论 1 32
  • 1、gulp的安装 首先确保你已经正确安装了nodejs环境。然后以全局方式安装gulp: npm install...
    F_imok阅读 2,410评论 1 11
  • 本文导航: gulp的安装 开始使用gulp gulp的API介绍 一些常用的gulp插件 1、gulp的安装 首...
    _往后_阅读 364评论 0 1
  • gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过...
    西城在此阅读 461评论 0 0