babel plugin to transform imports sources
npm i --save-dev git+https://[email protected]/andr213/babel-plugin-transform-imports-sources.git
.babelrc:
{
"plugins": [
["transform-imports-sources", {
"my-button.scss": { "transform": "mybutton.css" }
}]
],
"presets": ['@babel/env']
}
transforms the code:
import "my-button.scss"
to:
import "my-button.css"
.babelrc:
{
"plugins": [
["transform-imports-sources", {
"(\.*)(\.scss)": { "transform": "${1}.css" }
}]
],
"presets": ['@babel/env']
}
transforms the code:
import "styles.scss"
import "other-styles.scss"
to:
import "styles.css"
import "other-styles.css"
.babelrc.js:
module.exports = {
plugins: [
['transform-imports-sources', {
'(\.*)(\.scss)': {
transform: function(matches) {
return `${matches[1]}.css`;
}
}
}]
],
presets: ['@babel/env']
};
.babelrc:
{
"plugins": [
["transform-imports-sources", {
"(\.*)(\.scss)": {
"transform": "./path/to/transform.js"
}
}]
],
presets: ['@babel/env']
}
./path/to/transform.js:
module.exports = function(matches) {
return `${matches[1]}.css`;
};