Whats the trick for getting chalk workging with TS

I have a very simple test script

src/index.ts

import * as chalk from 'chalk'

console.log(`${chalk.green('Hello TypeScript world!')}`)

tsconfig.json

After building with webpack 4, everything appears to work, but the chalked output is not honoring color definition

[SamVerschueren]

Oh, apparently it’s as simple as setting the target in your webpack.config.js to node.

var path = require('path');

module.exports = {
    entry: './src/index.ts',
    devtool: 'inline-source-map',
    target: 'node',
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                use: 'ts-loader',
                test: /\.ts?$/
            }
        ]
    }
}

Sidenote: The correct import for Chalk in TypeScript is import chalk from 'chalk';. It comes bundled with TypeScript type definitions so you don’t need to do anything extra for the typings to work. You don’t need to add something to tsconfig.json like you did.

[tmorell]

I am not using it with webpack. chalk is exported as default by the module, so it should be imported using: import chalk from "chalk";