How to ignore non-js files with babel/register

Question

When my Node app includes the routes from my App I want to ignore non-js files e.g.

import './scss/App.scss' // i.e via Router.js -> Routes.js -> App.js

At the moment Node is obviously throwing a parse error as it's trying to parse the scss as js. The babel hook currently looks like this:

require('babel/register')({
    stage: 0
});

Any ideas how I can make babel ignore them? Thanks

Answer 1

You can use babel-plugin-transform-import-ignore to ignore matched imports. All matched import statements will be removed after compilation.

{
  plugins: [
    [
      "babel-plugin-transform-import-ignore",
      {
        patterns: [".scss"]
      }
    ]
  ]
}

Answer 2

You can create .babelrc file and set ignore rule:

{
  "stage": 0,
  "ignore": [
    "*.scss"
  ]
}

You can read more about this here - https://babeljs.io/docs/usage/babelrc/

Answer 3

Turns out it was node that needed the tweak:

require.extensions['.scss'] = () => {};