ReactJs + webpack + ie + console.log

Question

Tôi có một dự án đã viết trong JSX và tôi sử dụng webpack để xây dựng tệp main.js.

Đây là webpack.config.js tôi:

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' }, 

    ] 
    } 
}; 

Vấn đề của tôi là tôi không thể làm cho công việc dự án của tôi dưới IE (tôi thử nghiệm với IE9 vào lúc này). Nó luôn luôn nói "giao diện điều khiển là không xác định".

Với Firefox và Chrome, Chrome hoạt động hoàn hảo.

Tôi làm gì sai?

Tôi đã thử với giao diện điều khiển-chèn lấp quá nhưng kết quả tương tự.

IE9 nói rằng nó không thành công ở dòng này của mã javascript:

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

Nhưng không có console.log trên đó.

Tôi làm gì sai?

Cảm ơn bạn trước!

Answer 1

Trong các trình duyệt không hỗ trợ bảng điều khiển, bạn cần phải tách các chức năng của bảng điều khiển khỏi mã của mình. Đối với webpack, bạn có thể sử dụng webpack-strip. Một cách để sử dụng như sau:

var WebpackStrip = require('webpack-strip') 

Sau đó thêm { test: /\.js$/, loader: WebpackStrip.loader('console.log', 'console.error') } với bộ tải dải console.log và 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

Bạn phải đặt cả bộ tải trong cùng một dòng. Thay vì sử dụng loader, hãy sử dụng loaders và chuyển một mảng với cả hai trình tải.