I'm trying to make a bundle with webpack. I have a bit complex dependency: some components require other ones that are located in some /home/.../ folder.
Component (/home/.../far-away-components/base-component.js file):
import {base_component} from "base-component";
exports class MyComponent extends base_component {
...
}
webpack.config.js:
var path = require("path");
module.exports = {
...
module: {
loaders: [
{
test: /\.(js)$/,
loader: "babel",
query: {
presets: ['react', 'es2015', "stage-0"]
}
}
]
},
resolve: {
alias: {
"base-component": "/home/.../far-away-components/base-component.js"
}
};
The problem is that far-away-components folder doesn't contain node_modules and I get an error: Couldn't find preset "react" relative to directory "/home/.../far-away-components".
How can I set resolve for babel-loader presets?
Solution from github issue:
query: {
presets: [
'babel-preset-es2015',
'babel-preset-react',
'babel-preset-stage-0',
].map(require.resolve),
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments