Karma-typescript-postcss-transform NPM

karma-typescript-postcss-transform

Karma-Typescript :heart: PostCSS

This plugin is a generic PostCSS runner, which transforms CSS with JavaScript on the fly when running tests with karma-typescript.

Installation

$ npm install --save-dev karma-typescript-postcss-transform

Configuration

In the karma-typescript section of karma.conf.js:

karmaTypescriptConfig: {
    bundlerOptions: {
        transforms: [
            require("karma-typescript-postcss-transform")([require("some-plugin")])
        ]
    }
}

Options

Custom options can be passed to the runner in the first argument when calling the plugin:

An array of PostCSS plugins
PostCSS options. Optional, but the properties to and from are always set to the filename of the CSS file automatically.
A RegExp object to filter which files should be processed. Optional, defaults to /\.css$/.

An example using the plugin autoprefixer with inline sourcemaps and a RegExp filter:

karmaTypescriptConfig: {
    bundlerOptions: {
        transforms: [
            require("karma-typescript-postcss-transform")(
                [require("autoprefixer")], { map: { inline: true } }, /\.css$/
            )
        ]
    }
}