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~