Использование «transform-es3-member-expression-literals» в webpack 1.x

Question

Я работаю над приложением, которое должно быть запущено на корпоративной версии IE 8. Я получаю следующие ошибки в консоли: Ожидаемый идентификатор:; indexOf недоступен для объекта.

Для решения этого я прочитал этот вопрос на StackOverflow: Babel 6.0.20 Modules feature not work in IE8 Это предполагает

спектрально-ES3-член-выражение-литералы спектрально-ES3-недвижимость-литералы

быть добавлены. Но использование этого в webpack не упоминается ни о каком месте, а не на официальном сайте babel. Может кто подскажет, как я могу использовать его в качестве плагина для моего проекта.

Примечание: Я уже пробовал делать

var es3MemberExpressionLiterals = require('babel-plugin-transform-es3-member-expression-literals'); 
var es3PropertyLiterals = require('babel-plugin-transform-es3-property-literals'); 
plugins = [// Plugins for Webpack 
new webpack.optimize.UglifyJsPlugin({minimize: false}), 
new HtmlWebpackPlugin({ 
    template: 'index.html', // Move the index.html file... 
    minify: { // Minifying it while it is parsed using the following, self–explanatory options 
     removeComments: false, 
     collapseWhitespace: false, 
     removeRedundantAttributes: false, 
     useShortDoctype: false, 
     removeEmptyAttributes: false, 
     removeStyleLinkTypeAttributes: false, 
     keepClosingSlash: true, 
     minifyJS: false, 
     minifyCSS: true, 
     minifyURLs: false 
    } 
    }) 
new es3MemberExpressionLiterals(), 
new es3PropertyLiterals() 

]; 

Answer 1

Вопрос связывание о плагинах Бабеля, и вы пытаетесь передать их в качестве плагин WebPack. Вам нужно будет настроить Babel как загрузчик для вашего приложения и передать плагины на это. Добавьте в свою конфигурацию Webpack следующее.

module: { 
    loaders: [{ 
    loader: 'babel', 
    test: /\.js$/, 
    exclude: /node_modules/, 
    plugins: [ 
     'babel-plugin-transform-es3-member-expression-literals', 
     'babel-plugin-transform-es3-property-literals', 
    ], 
    }], 
}, 

Answer 2

Я создал demo repository on github, чтобы показать полную конфигурацию на примере.

Чтобы получить два плагинами создать .babelrc файл со следующим содержанием

{ 
    "plugins": [ 
    "transform-es3-member-expression-literals", 
    "transform-es3-property-literals" 
    ] 
} 

В стандартной конфигурации babel-loader в вашем webpack.config.js Вавилонской смотрит в .babelrc для настройки плагинов.

// webpack.config.js (partial code only) 
module: { 
    loaders: [ 
    { 
     test: /\.js$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/ 
    } 
    ] 
} 

Если все настроено правильно WebPack следует преобразовать следующий код

// src/main.js 
var foo = { catch: function() {} }; 
console.log(foo.catch) 

в

// bundle.js 
/* 0 */ 
/***/ function(module, exports) { 

    var foo = { "catch": function() {} }; 
    console.log(foo["catch"]); 

/***/ } 

Смотрите также примеры для плагинов: babel-plugin-transform-es3-property-literals и babel-plugin-transform-es3-member-expression-literals.