A babel transform plugin to ignore imports that do not work in node environment.
npm install babel-plugin-transform-import-ignoreIgnore imports that do not work in node environment. The most common use case is ignoring stylesheet imports in server-side rendering.
``bash`
$ yarn add babel-plugin-transform-import-ignore --dev
Configure the plguin in your babel configuration file and specify the import paths that you want to ignore. Wildcard identifier * is supported.
`.babalrc`
{
"plugins": [
[
"babel-plugin-transform-import-ignore",
{
"patterns": [".css", ".scss", "wildcard/*/match.css"]
}
]
]
}
If you are using js file as configuration file, you can pass regular expressions instead of string literals.
`javascript`
// babel.config.js
module.exports = {
plugins: [
['babel-plugin-transform-import-ignore', {
patterns: [/\.s?css$/, /\.less$/],
}],
],
};
The plugin only deals with import expressions with side-effect. If the imported module is assgined to a variable, the import statement won't be ignored.
`javascript
import './path/to/style.css'; // If pattern matched, will be ignored.
import css from './path/to/style.css'; // Won't be ignored even if pattern matched.
``