1

Visual Studio + Web Essentials で Typescript (v0.8.3) を使用する場合、AMD モジュール コンパイラ フラグを使用するように Web Essentials を構成し、生成された JS を縮小するようにしました。

ここに画像の説明を入力

私の AppMain.ts では、 import キーワードを使用してモジュールをインポートしました

/// <reference path="./../modules/jquery.d.ts" />
import main = module('classes/facebook');

export class AppMain {
    public run() {
        $(()=>{
            var app = new facebook.App();
            app.start();
        });
    }
}

生成された JS は次のようになります。

define(["require", "exports", 'classes/facebook'], function(require, exports, __main__) {
    var main = __main__;

    var AppMain = (function () {
        function AppMain() { }
        AppMain.prototype.run = function () {
            $(function () {
                var app = new facebook.App();
                app.start();
            });
        };
        return AppMain;
    })();
    exports.AppMain = AppMain;    
})

私の質問は、生成された requirejs コードを取得して *.min を代わりにロードするにはどうすればよいですか? Web Essentials は既に JS ファイルの圧縮バージョンを生成しているためです。

たとえば、生成された JS ファイルから何が欲しいか:

define(["require", "exports", 'classes/facebook.min'], function(require, exports, __main__)

編集：私はたくさんのモジュールを持っているので、頭痛の少ない方法を好む.

4

2 に答える 2

2

最初に RequireJS を使用している場合は、これらの min ファイルを使用せず、マージに r.js を使用し、その後に個別の縮小パイプラインを使用することをお勧めします。

縮小されていないjsを簡単にデバッグできるため、アプリのデバッグでも頭痛の種を減らすことができます。

于 2013-05-29T11:15:54.457 に答える
1

RequireJS 構成を追加して、ライブラリの縮小版を置き換えるように要求する必要があります。

requirejs.config({
    enforceDefine: true,
    paths: {
        facebook: [
            'lib/facebook.min',
            'lib/facebook'
        ]
    }
});
于 2013-05-29T08:07:07.357 に答える