javascript - Bagaimana untuk membungkus webpack2 untuk menukar semua es6 ke es5?

Question

Postur pembungkusan webpack2 mungkin salah, dan keserasian transcoding tidak begitu baik Berikut ialah fail konfigurasi webpack.config.js saya (beberapa yang tidak berkaitan akan dikecualikan):

/**
 * webpack本地配置
 * Less 2017-6-15 2:00
 */
var path = require('path');
var webpack = require('webpack');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
var CompressionPlugin = require('compression-webpack-plugin');
var HtmlWebpackPlugin = require('html-webpack-plugin');
// var BabiliPlugin = require("babili-webpack-plugin");

// 下面这几个require也写到了入口文件main.js最上面去了
require('es5-shim');
require('es5-shim/es5-sham');
require('console-polyfill');
require('core-js/fn/object/assign');
require( "babel-polyfill");

var config = {
    entry: path.resolve(__dirname, '../../react/main.js'),
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, '../../view'),
        publicPath: `${NGINX}`
    },
    module: {
        rules: [{
            test: /\.(js|jsx)$/,
            loader: 'babel-loader',
            exclude: /node_modules/,
            include: path.join(__dirname, '../../react'),
            options: {
                presets: ["es2015", "react", "stage-0", "stage-1"]
            }
        }, {
            test: /\.css$/,
            loader: ExtractTextPlugin.extract({
                fallback: 'style-loader',
                use: [
                    'css-loader?modules&importLoaders=1&localIdentName=[local]--[hash:base64:5]',
                    {
                        loader: 'postcss-loader',
                        options: {
                            plugins: function () {
                                return [
                                    require('autoprefixer')
                                ];
                            }
                        }
                    }
                ]
            })
        }, {
            test: /\.(png|jpg|jpeg|gif|md)$/,
            use: ['file-loader?limit=10000&name=[md5:hash:base64:10].[ext]']
        }, {
            test: /\.svg(\?v=\d+\.\d+\.\d+)?$/,
            use: ['url-loader?limit=10000&mimetype=image/svg+xml']
        }],
    },
    plugins
}

module.exports = config;

Berjalan pada telefon mudah alih Huawei p7, konsol memaparkan:

Uncaught SyntaxError: Unexpected token .           bundle.js:10541

// 定位到这一段代码：
const config = {
    baseConfig: __webpack_require__(280)(`./${nodeEnv}/config`)
}

Jelas sekali ciri templat rentetan ES6 belum ditukar kepada sintaks ES5, mengapa?

Tidak tahu cara berputar dengan lebih baik? Sila tanya tuan segmentfault untuk jawapan, 3Q~

Answer 1

Ditambah dalam

bablerc

{
  "plugins": [
    ["transform-es2015-template-literals", {
      "loose": true,
      "spec": true
    }]
  ]
}