Coder Social home page Coder Social logo

babel-plugin-mock-imports's Introduction

Babel Plugin Mock Imports

npm version

Babel plugin for redirecting imports to a different location.

Quickstart

npm:

npm install babel-plugin-mock-imports --save-dev

yarn:

yarn add babel-plugin-mock-imports --dev

Usage

.babelrc:

{
  "plugins": [
    ["mock-imports", {
      "redirects": [
        {
          "pattern": ".(svg)$",
          "location": "path/to/mocked/react/component"
        },
        {
          "pattern": "^redux-form/es$",
          "location": "redux-form"
        }
      ]
    }]
  ]
}

babel.config.js:

module.exports = {
  plugins: [
    ['mock-imports', {
      redirects: [
        {
          pattern: '.(svg)$',
          location: 'path/to/mocked/react/component'
        },
        {
          pattern: '^redux-form/es$',
          location: 'redux-form'
        }
      ]
    }]
  ]
}

The pattern is evaluated using the RegExp constructor.

babel-plugin-mock-imports's People

Contributors

dandean avatar dependabot[bot] avatar mistic avatar teod avatar wildhoney avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

babel-plugin-mock-imports's Issues

Github and NPM are out of sync

Hi,
your Github repo and the npm module are out of sync. In the npm readme it states this as configuration:

json
{
    "plugins": [
        ["mock-imports", {
            "redirects": {
                {
                    "pattern": ".(svg)$",
                    "location": "path/to/mocked/react/component"
                },
                {
                    "pattern": "^redux-form/es$",
                    "location": "redux-form"
                }
            }
        }]
    ]
}

Which is not a correct syntax.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.