ReactJs + webpack + यानी + console.log

Question

मेरे पास जेएसएक्स में एक प्रोजेक्ट लिखा गया है और मैं main.js फ़ाइल बनाने के लिए वेबपैक का उपयोग करता हूं।

यह मेरा webpack.config.js है:

var path = require('path'); 

module.exports = { 
    entry:{ main: [ 
      'consolelog', 
      'es5-shim', 
      'es5-shim/es5-sham', 
      'es6-shim', 
      'es6-shim/es6-sham', 
"./app/client" 
     ]}, 

    output: { 
    filename: '[name].js', 
    chunkFilename: '[id].chunk.js', 
    path: path.join('public', 'js'), 
    publicPath: '/js/' 
    }, 

    module: { 
    loaders: [ 
     { test: /\.js$/, loader: 'jsx-loader?harmony&insertPragma=React.DOM' }, 
     { test: require.resolve('react'), loader: 'expose?React' }, 

    ] 
    } 
}; 

मेरे समस्या यह है कि मैं IE (मैं इस समय IE9 के साथ परीक्षण) के तहत मेरी परियोजना का काम नहीं कर सकता। यह हमेशा कहता है "कंसोल अपरिभाषित है"।

फ़ायरफ़ॉक्स और क्रोम के साथ यह पूरी तरह से काम करता है।

मैं क्या गलत करता हूं?

मैंने कंसोल-पॉलीफिल के साथ भी कोशिश की लेकिन एक ही परिणाम।

IE9 कहना है कि यह जावास्क्रिप्ट कोड की इस पंक्ति में विफल रहता है:

_deprecationWarning2['default']('CollapsableNav', 'CollapsibleNav', 'https://github.com/react-bootstrap/react-bootstrap/issues/425#issuecomment-97110963'); 

लेकिन वहाँ इस पर कोई console.log है।

मैं क्या गलत करता हूं?

अग्रिम धन्यवाद!

Answer 1

ऐसे ब्राउज़र में जो कंसोल का समर्थन नहीं करते हैं, आपको अपने कोड से कंसोल फ़ंक्शन को पट्टी करने की आवश्यकता है। वेबपैक के लिए आप webpack-strip का उपयोग कर सकते हैं। एक तरह से उपयोग करने के लिए इस प्रकार है:

var WebpackStrip = require('webpack-strip') 

फिर पट्टी console.log और console.error

{ 
    module: { 
     loaders: [ 
      { test: /\.js$/, loader: 'jsx-loader?harmony&insertPragma=React.DOM' }, 
      { test: require.resolve('react'), loader: 'expose?React' }, 
      { test: /\.js$/, loader: WebpackStrip.loader('console.log', 'console.error') } 
     ] 
    } 
}; 

Answer 2

आप एक ही पंक्ति में दोनों लोडर डाल करने के लिए है लोडर को { test: /\.js$/, loader: WebpackStrip.loader('console.log', 'console.error') } जोड़ें। loader का उपयोग करने के बजाय, loaders का उपयोग करें और दोनों लोडर के साथ एक सरणी पास करें।