बेबेल-लोडर प्रीसेट के लिए संकल्प कैसे सेट करें

Question

मैं वेबपैक के साथ एक बंडल बनाने की कोशिश कर रहा हूं। मेरे पास थोड़ा जटिल निर्भरता है: कुछ घटकों को अन्य /home/.../ फ़ोल्डर में स्थित अन्य लोगों की आवश्यकता होती है।

घटक (/home/.../far-away-components/base-component.js फ़ाइल):

import {base_component} from "base-component"; 
exports class MyComponent extends base_component { 
    ... 
} 

webpack.config.js: Couldn't find preset "react" relative to directory "/home/.../far-away-components":

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" 
    } 
}; 

समस्या यह है कि far-away-components फ़ोल्डर node_modules शामिल नहीं है और मैं कोई त्रुटि मिलती है।

babel-loader प्रीसेट के लिए मैं resolve कैसे सेट कर सकता हूं?

Answer 1

समाधान from github issue:

query: { 
    presets: [ 
    'babel-preset-es2015', 
    'babel-preset-react', 
    'babel-preset-stage-0', 
    ].map(require.resolve), 
} 

Answer 2

कैसे रन

npm init 

/home/.../far-away-components फ़ोल्डर में

, और फिर स्थापित करने के लिए आप क्या जरूरत है NPM का उपयोग के बारे में।

Answer 3

@mqklin: आपको ".map (require.resolve)" का उपयोग करके इस कार्य-आसपास की आवश्यकता है, क्योंकि आपने अपने लोडर में/node_modules/बहिष्कृत नहीं किया है। नीचे दिया गया प्रारूप काम करना चाहिए:

loaders: [ 
    { 
    test: [/\.js$/, /\.es6$/], 
    exclude: /node_modules/, 
    loader: 'babel-loader', 
    query: { 
     cacheDirectory: true, 
     presets: ['react', 'es2015'], 
    } 
    } 
]