Digested Webpack TypeScript configurations


3.4.42 months ago4 years agoMinified + gzip package size for @digest/webpack-typescript in KB


Digest Crane


Commitizen Friendly Semantic Release
Build Status Coverage Report NPM Version License Canonical Code Style

@digest/webpack-typescript provides the required TypeScript Webpack dependencies and enables typescript in @digest/webpack.

@digest/webpack processes TypeScript files through Webpack just like ordinary JavaScript. No additional build step is required and all the same Webpack features work as expected. For TypeScript IDE integration, extend the included @digest/typescript config by creating a tsconfig.json file in the root of your project:


    "extends": "node_modules/@digest/typescript/src/tsconfig.json"

However, with this default tsconfig.json, TypeScript files are not able to import JavaScript. The setting noImplicitAny is set to true and that prevents JavaScript files from being imported within TypeScript files. That said, it is simple to override the default settings. For example, to import JavaScriptm, set noImplicitAny to false in your tsconfig.json:


    "extends": "node_modules/@digest/typescript/src/tsconfig.json",
    "compilerOptions": {
        "noImplicitAny": false

However it is dangerous to turn off noImplicitAny. Only use if you must import JavaScript. If so, work towards converting all your code to TypeScript. It is also possible to import JavaScript using require(), but this will prevent tree shaking.

At this time, there are several gotcha's with TypeScript such as .css, .scss, and .json imports, and using Webpack's System API. These can be resolved in a .d.ts file. Regrettably, it is not possible with the shared tsconfig.json to include a default global.d.ts file while also excluding implicit node_modules definitions. You may create a global.d.ts file in the source directory of your project and add the following helpful entries:

/* Place inside your /src/global.d.ts */

declare module '*.css';
declare module '*.scss';

declare var System: {
    import: any

declare module "*.json" {
        const value: any;
        export default value;

declare var BUILD: {
    DATE: Date;



If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.