webpack打包转换es6_webpack2怎么打包才能把es6全部都转成es5?

webpack2 打包姿势可能没对,转码兼容性不是很好,下面是我的webpack.config.js配置文件(省略了一些无关紧要的):

/**

* 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;

在华为p7手机上运行,控制台显示:

Uncaught SyntaxError: Unexpected token . bundle.js:10541

// 定位到这一段代码:

const config = {

baseConfig: __webpack_require__(280)(`./${nodeEnv}/config`)

}

很明显ES6的字符串模板特性没有转换为ES5的语法,why?

不知道怎么转才能转得更好?求segmentfault大神解答,3Q~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值