@cypress/webpack-batteries-included-preprocessor

Cypress preprocessor for bundling JavaScript via webpack with dependencies included and support for various ES features, TypeScript, and CoffeeScript

Usage no npm install needed!

<script type="module">
  import cypressWebpackBatteriesIncludedPreprocessor from 'https://cdn.skypack.dev/@cypress/webpack-batteries-included-preprocessor';
</script>

README

Cypress Webpack Preprocessor (Batteries Included)

Cypress preprocessor for bundling JavaScript via webpack, with dependencies included and support for:

  • Various proposal-stage ES features
  • TypeScript
  • CoffeeScript

Why?

This preprocessor is a wrapper for @cypress/webpack-preprocessor. The webpack preprocessor does not include any extra dependencies (e.g. babel-loader, ts-loader), since most users will use their own webpack.config.js with it and already have the necessary dependencies installed. This preprocessor is for users who do not have those dependencies installed and would prefer not to configure the preprocessor to handle things like TypeScript and CoffeeScript.

Installation

Note that installing @cypress/webpack-preprocessor is also required. This allows you to update its version separately from this wrapper.

npm install --save-dev @cypress/webpack-batteries-included-preprocessor @cypress/webpack-preprocessor

Usage

In your project's plugins file:

const webpackPreprocessor = require('@cypress/webpack-batteries-included-preprocessor')

module.exports = (on) => {
  on('file:preprocessor', webpackPreprocessor())
}

To enable TypeScript support, install TypeScript (if not already installed in your project npm install --save-dev typescript) and provide its location with the typescript option:

const webpackPreprocessor = require('@cypress/webpack-batteries-included-preprocessor')

module.exports = (on) => {
  on('file:preprocessor', webpackPreprocessor({
    typescript: require.resolve('typescript')
  }))
}

Other than the typescript option, this preprocessor supports the same options as @cypress/webpack-preprocessor, so see its README for more information.

Contributing

Use the version of Node that matches Cypress.

Run the tests:

yarn test

License

This project is licensed under the terms of the MIT license.

Changelog

Changelog