The TypeScript compiler does not support the generation of minifies or obfuscated code. you will need to use another tool against the JavaScript output of the compiler.

There&#39;s an open feature request: [microsoft/TypeScript#8](https://github.com/microsoft/TypeScript/issues/8)

I am the author of [typescript-closure-compiler][1].&lt;br/&gt;
Basically it is a tool that emits files that are compatible with google closure compiler, which is probably the best minifier/optimizer/obfuscator out there.&lt;br/&gt;
I&#39;ve also created a [playground][3] that can show you the generated output.&lt;br/&gt;
You can take a look at an example [project][2] which uses this tool.&lt;br/&gt;
The minification process is done using gulp.

  [1]: https://github.com/sagifogel/typescript-closure-compiler
  [2]: https://github.com/sagifogel/TSFunq
  [3]: http://sagifogel.github.io/typescript-closure-compiler/

How can I set the dark holo theme in my app?
At this time I got this:

    &lt;style name=&quot;AppTheme&quot; parent=&quot;android:Theme.Holo.Light&quot; /&gt;
But when I change it to:

    &lt;style name=&quot;AppTheme&quot; parent=&quot;android:Theme.Holo.Dark&quot; /&gt;
I get an error `error: Error retrieving parent for item: No resource found that matches the given name &#39;android:Theme.Holo.Dark&#39;.`

How to solve the problem?

How to set the holo dark theme in a Android app?

How do I allow any device, e.g., iPhone, to connect over a WLAN to my Mac&#39;s localhost server?

On my Mac, I&#39;m running a &quot;Hello World&quot; HTTP [Node.js][1] server that serves a page, which Safari opens successfully, at `http://localhost:1337`. And, running `ipconfig getifaddr en1` in Terminal outputs `192.168.1.9`.

But, Safari, on both iPhone &amp; Mac, displays &quot;Safari can&#39;t connect to the server&quot; when it tries to open `http://192.168.1.9:1337`.

I don&#39;t think this should involve [port forwarding][2] because I only want the HTTP server to be available privately, not publicly.

Related:

* https://stackoverflow.com/questions/5666018/accessing-localhost-from-iphone-in-same-network
* https://superuser.com/questions/308451/connect-to-localhost-from-another-computer
* https://superuser.com/questions/400752/can-we-run-local-server-over-local-network-without-internet-access
* https://serverfault.com/questions/254947/accessing-localhost-xampp-from-another-computer-over-lan-network-how-to

  [1]: http://nodejs.org
  [2]: http://en.wikipedia.org/wiki/Port_forwarding

Connect Device to Mac localhost Server?

Is there an option to compile TypeScript code&#39;s output as minified? Or are we left to deal with that in a separate process? And does obfuscation affect the answer?

Is it possible to compile TypeScript into minified code?

<p>Is there an option to compile TypeScript code's output as minified? Or are we left to deal with that in a separate process? And does obfuscation affect the answer?</p>


How do I start writing TypeScript projects in Visual Studio? There&#39;s no option for it when I create a new project. I have Visual Studio 2012 installed along with the TypeScript add on

Create a new TypeScript project in Visual Studio

Just installed Typescript extension to VS2012 and followed [Install TypeScript for Visual Studio 2012](http://go.microsoft.com/fwlink/?LinkID=266563) and then the [tutorial][1] to call the compiler:

    &gt; tsc greeter.ts

But when i try to compile .ts file where should i type: `tsc greeter.ts`? Tried it in VS command line and in windows console, always get the message that tsc is not recognized as command(`Command &quot;tsc&quot; is not valid.`).

  [1]: http://www.typescriptlang.org/Tutorial/

Can&#39;t find Typescript compiler: Command &quot;tsc&quot; is not valid

I&#39;m trying to do this:

    var script:HTMLScriptElement = document.getElementsByName(&quot;script&quot;)[0];
    alert(script.type);

but it&#39;s giving me an error:

    Cannot convert &#39;Node&#39; to &#39;HTMLScriptElement&#39;: Type &#39;Node&#39; is missing property &#39;defer&#39; from type &#39;HTMLScriptElement&#39;
    (elementName: string) =&gt; NodeList

I can&#39;t access the &#39;type&#39; member of the script element unless I cast it to the correct type, but I don&#39;t know how to do this. I searched the docs &amp; samples, but I couldn&#39;t find anything.

How to assert a type of an HTMLElement in TypeScript?

I&#39;m using a lot of libraries both my own and 3rd party.  I see the &quot;typings&quot; directory contains some for Jquery and WinRT... but how are they created?

How do you produce a .d.ts &quot;typings&quot; definition file from an existing JavaScript library?

I&#39;m working on a definitions file for the Google maps API for TypeScript.

And I need to define an enum like type eg. `google.maps.Animation` which contains two properties: `BOUNCE` and `DROP`.

How should this be done in TypeScript?



How to create enum like type in TypeScript?

*Note: This question is only relevant for Grunt 0.3.x and has been left for reference. For help with the latest Grunt 1.x release please see my comment below this question.*

I&#39;m currently trying to use Grunt.js to setup an automatic build process for first concatenating and then minifying CSS and JavaScript files.

I have been able to successfully concatenate and minify my JavaScript files, although each time I run grunt it seems to just append to the file instead of overwriting them.

As for the minifying or even concatenating CSS, I have been unable to do this as of yet!

In terms of grunt CSS modules I have tried using `consolidate-css`, `grunt-css` &amp; `cssmin` but to no avail. Could not get my head around how to use them!

My directory structure is as follows (being a typical node.js application):

 - app.js
 - grunt.js
 - /public/index.html
 - /public/css/[various css files]
 - /public/js/[various javascript files]

Here is what my grunt.js file currently looks like in the root folder of my application:

	module.exports = function(grunt) {
	
	  // Project configuration.
	  grunt.initConfig({
	    pkg: &#39;&lt;json:package.json&gt;&#39;,
	    concat: {
	      dist: {
	        src: &#39;public/js/*.js&#39;,
	        dest: &#39;public/js/concat.js&#39;
	      }
	    },
	    min: {
	      dist: {
	        src: &#39;public/js/concat.js&#39;,
	        dest: &#39;public/js/concat.min.js&#39;
	      }
	    },
	    jshint: {
	      options: {
	        curly: true,
	        eqeqeq: true,
	        immed: true,
	        latedef: true,
	        newcap: true,
	        noarg: true,
	        sub: true,
	        undef: true,
	        boss: true,
	        eqnull: true,
	        node: true
	      },
	      globals: {
	        exports: true,
	        module: false
	      }
	    },
	    uglify: {}
	  });
	
	  // Default task.
	  grunt.registerTask(&#39;default&#39;, &#39;concat min&#39;);
	
	};

So just to summarise I need help with two questions:

 1. How to concatenate and minify all my css files under the folder `/public/css/` into one file, say `main.min.css`
 2. Why does grunt.js keep on appending to the concatenated and minified javascript files `concat.js` and `concat.min.js` under `/public/js/` instead of overwriting them each time the command `grunt` is run?

----------

**Updated 5th of July 2016 - Upgrading from Grunt 0.3.x to Grunt 0.4.x or 1.x**

`Grunt.js` has moved to a new structure in `Grunt 0.4.x` (the file is now called `Gruntfile.js`). Please see my open source project [Grunt.js Skeleton](https://github.com/jasdeepkhalsa/gruntjs-skeleton) for help with setting up a build process for `Grunt 1.x`.

Moving from `Grunt 0.4.x` to `Grunt 1.x` [should not introduce many major changes](http://gruntjs.com/upgrading-from-0.4-to-1.0).

How to concatenate and minify multiple CSS and JavaScript files with Grunt.js (0.3.x)

Having the darnedest time trying to figure out why minification is not working.

I have injected via an array object my providers prior the function per numerous suggestions across the web and yet still &quot;Unknown provider: aProvider &lt;- a&quot;

Regular:

    var app = angular.module(&#39;bpwApp&#39;, [&#39;ui.bootstrap&#39;, &#39;ui&#39;, &#39;myTabs&#39;])
        .config([&#39;$routeProvider&#39;, &#39;$locationProvider&#39;, function($routeProvider, $locationProvider){
        $routeProvider.
            when(&#39;/&#39;, {templateUrl: &#39;partials/home.jade&#39;, controller: HomeCtrl});
        
        $locationProvider.html5Mode(true);
        }])

Minified: 

    var app = angular.module(&#39;bpwApp&#39;, [&#39;ui.bootstrap&#39;, &#39;ui&#39;, &#39;myTabs&#39;])
        .config([&#39;$routeProvider&#39;, &#39;$locationProvider&#39;, function(a, b){
        a.
            when(&#39;/&#39;, {templateUrl: &#39;partials/home.jade&#39;, controller: HomeCtrl});
        
        b.html5Mode(true);
        }])

Any suggestion would be much obliged!


Angular.module minification bug

What&#39;s the difference between concat, uglify, and minify tasks in grunt? I set up an uglify task for all of my site&#39;s javascript tasks, and it seemed to both minify and concatenate them. Grunt&#39;s site has a great description for how to configure each task, but it doesn&#39;t seem to explain what each task actually does.

What&#39;s the difference between concat and uglify and minify?

I have a gulp rjs task that concatenates and uglifies all my custom .JS files (any non vendor libraries).

What i am trying to do, is exclude some files/directories from this task (controllers and directives).

**Heres my tree:**

     - application
        - resources
          - js
            main.js
            - vendor
                - jquery
                - modernzr
                - angular
            - controllers
                - controller1
                - controller2
                - controller3
            - directives
                - directives1
                - directives2
                - directives3
            - widgets
                - widget1
                - widget2
                - widget3
                - widget4
            - modules
                - modules1
                - modules2
                - modules3
                - modules4


**Here my gulp.js**

    dir = {
    	app: 		&#39;application&#39;,
    	dest: 		&#39;dest&#39;,
    };

    config = {
    	src: {
    		js: dir.app + &#39;/resources/js&#39;
    	},
    	dest: {
    		js: dir.dest + &#39;/resources/js&#39;
    	}
    };

    gulp.task(&#39;rjs&#39;, function() {
    
    	  rjs({
    			baseUrl: config.src.js,
    			out: &#39;main.js&#39;,
    			name: &#39;main&#39;,
    			mainConfigFile: config.src.js + &#39;/main.js&#39;,
    			exclude: [ &#39;jquery&#39;, &#39;angular&#39;]			
    		})
    		.pipe(prod ? uglify({ mangle: false, outSourceMap: true, compress: { drop_console: true } }) : gutil.noop())
    		.pipe(gulp.dest(config.dest.js))
    		.pipe(filesize())
    		.pipe(dev ? connect.reload() : gutil.noop());
    
    });

Excluding files/directories from Gulp task

On our production server, I have minified javascript published and I&#39;m not including a map file with it, because I don&#39;t want the user to be able to understand what&#39;s happening based on the error.  

I have a  logging service I&#39;ve written to forward the angular exceptions (caught by $exceptionHandler) to myself via email.  However, this stack trace is near unreadable:

    n is not defined
        at o (http://localhost:9000/build/app.min.js:1:3284)
        at new NameController (http://localhost:9000/build/app.min.js:1:3412)
        at e (http://localhost:9000/build/bower.min.js:44:193)
        at Object.g.instantiate (http://localhost:9000/build/bower.min.js:44:310)
        at b.$get (http://localhost:9000/build/bower.min.js:85:313)
        at d.compile (http://localhost:9000/build/bower.min.js:321:23333)
        at aa (http://localhost:9000/build/bower.min.js:78:90)
        at K (http://localhost:9000/build/bower.min.js:67:39)
        at g (http://localhost:9000/build/bower.min.js:59:410)
        at http://localhost:9000/build/bower.min.js:58:480 &lt;ui-view class=&quot;ng-scope&quot;&gt;

What I&#39;m wondering is:  Is there a program where I can analyze this stack trace against the actual non-minified source code via map file (or not via map file if there&#39;s another way)



Content Type	Original Author	Original Content on Stackoverflow
Question	LordZardeck	View Question on Stackoverflow
Solution 1 - Typescript	mohamed hegazy	View Answer on Stackoverflow
Solution 2 - Typescript	Sagi	View Answer on Stackoverflow

Is it possible to compile TypeScript into minified code?

Typescript Problem Overview

Typescript Solutions

Solution 1 - Typescript

Solution 2 - Typescript

Connect Device to Mac localhost Server?

How to set the holo dark theme in a Android app?

Attributions