如何缩小AMD-Typescript浏览器项目

时间:2015-07-27 16:07:47

标签: javascript typescript minify

我有一个Typescript项目,其结构如下:

myproject
 |
 +-src
 |  |
 |  +-main.ts
 |  +-stringHandler.ts
 |  +-disposable.ts
 |  +-tsconfig.ts
 +-out

我正在使用AMD并使用以下tsc --project src文件使用tsconfig.json编译项目:

{
    "compilerOptions": {
        "target": "ES5",
        "noImplicitAny": true,
        "removeComments": false,
        "preserveConstEnums": true,
        "module": "amd",
        "outDir": "../out"
    },
    "files": [
        "main.ts",
        "stringHandler.ts",
        "disposable.ts"
    ]
}

生成输出的问题

我的问题是,当我编译时,我得到以下内容:

myproject
 |
 +-out
    |
    +-main.js
    +-stringHandler.js
    +-disposable.js

但我想生成缩小的文件!但是怎么做呢?每个.js文件都引用了其他.js个文件。我不能简单地将所有内容重命名为.min.js,因为它不起作用。

最佳做法是什么? 感谢

1 个答案:

答案 0 :(得分:2)

您可以生成.min.js个文件并填充...

requirejs.config({
    enforceDefine: true,
    paths: {
        jquery: [
            'lib/jquery.min',
            'lib/jquery'
        ]
    }
});

好的是一个或两个文件,但不是整个项目...所以选项二是将文件缩小到一个文件夹并允许它们保留原始名称。

第三种选择是调整RequireJS本身以寻找" .min.js"而不是" .js"。

选项四是使用RequireJS优化器,它将通过查看所有代码并整理模块来实际创建单个文件...最后留下一大堆JavaScript。