Add typescript loader documentation

frontend.rst

@@ -43,6 +43,7 @@ Adding more Features
 * :doc:`Enabling Vue.js (vue-loader) </frontend/encore/vuejs>`
 * :doc:`Configuring Babel </frontend/encore/babel>`
 * :doc:`Source maps </frontend/encore/sourcemaps>`
+* :doc:`Enabling TypeScript (ts-loader) </frontend/encore/typescript>`
 
 Optimizing
 ..........

frontend/encore/typescript.rst

@@ -0,0 +1,46 @@
+Enabling TypeScript (ts-loader)
+===============================
+
+Want to use `TypeScript`_? No problem! First, install the dependencies:
+
+.. code-block:: terminal
+
+    $ yarn add --dev typescript ts-loader
+
+Then, activate the ``ts-loader`` in ``webpack.config.js``:
+
+.. code-block:: diff
+
+    // webpack.config.js
+    // ...
+
+    Encore
+        // ...
+        .addEntry('main', './assets/main.ts')
+
+        .enableTypeScriptLoader()
+    ;
+
+That's it! Any ``.ts`` files that you require will be processed correctly. You can
+also configure the `ts-loader options`_ via a callback:
+
+.. code-block:: javascript
+
+    .enableTypeScriptLoader(function (typeScriptConfigOptions) {
+        typeScriptConfigOptions.transpileOnly = true;
+        typeScriptConfigOptions.configFileName = '/path/to/tsconfig.json';
+    });
+
+If React assets are enabled (``.enableReactPreset()``), any ``.tsx`` file will be
+processed as well by ``ts-loader``.
+
+Loader usage can be checked better in its `README`_ documentation.
+
+    "Use webpack like normal, including ``webpack --watch`` and ``webpack-dev-server``,
+    or through another build system using the Node.js API."
+
+    -- Running section of ts-loader documentation
+
+.. _`TypeScript`: https://www.typescriptlang.org/
+.. _`ts-loader options`: https://github.com/TypeStrong/ts-loader#options
+.. _`README`: https://github.com/TypeStrong/ts-loader#typescript-loader-for-webpack