egghead.io - Угловой, Webpack и UglifyJs Учебник - Неожиданный токен

Я хотел бы решить мою проблему. Я делаю учебник в egghead.io, и я не могу запустить сборку npm run.egghead.io - Угловой, Webpack и UglifyJs Учебник - Неожиданный токен

Следующий код ошибки в терминальной консоли

ERROR in bundle.js from UglifyJs 
SyntaxError: Unexpected token: operator (>) [bundle.js:83,72]

Владелец может работать столпотворение с WebPack и uglifyJs, но я не мог этого сделать. Так что Idk, если есть проблема между ES6 и Uglify-Js, как большинство записей говорят об этой ошибке.

Это мой webpack.config.js:

var webpack = require('webpack'); 

var config = { 
    context: __dirname + '/app', 
    entry: './index.js', 
    output:{ 
    path: __dirname + '/app', 
    filename: 'bundle.js' 
    }, 
    plugins:[ 
    new webpack.DefinePlugin({ 
     ON_TEST: process.env.NODE_ENV =='test' 
    }) 
    ], 
    module:{ 
    loaders:[ 
     { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/}, 
     { test: /\.html$/, loader: 'raw-loader', exclude: /node_modules/}, 
     { test: /\.css$/, loader: 'style-loader!css-loader', exclude: /node_modules/}, 
     { test: /\.styl$/, loader: 'style-loader!css-loader!stylus-loader', exclude: /node_modules/} 
    ] 
    } 
} 

if (process.env.NODE_ENV === 'production'){ 
    config.output.path = __dirname + '/dist'; 
    config.plugins.push(new webpack.optimize.UglifyJsPlugin()); 
} 

module.exports = config;

И это мой package.json файл:

{ 
    "name": "webpack-angular", 
    "version": "1.0.0", 
    "description": "Example of using webpack", 
    "main": "app/index.js", 
    "scripts": { 
    "test": "NODE_ENV=test karma start", 
    "start": "node node_modules/.bin/webpack-dev-server --content-base app", 
    "build": "NODE_ENV=production node node_modules/.bin/webpack && cp app/index.html dist/index.html" 
    }, 
    "keywords": [ 
    "webpack", 
    "angular", 
    "egghead.io" 
    ], 
    "author": "Pablo B.", 
    "license": "MIT", 
    "devDependencies": { 
    "angular-mocks": "^1.6.1", 
    "babel-core": "^6.22.1", 
    "babel-loader": "^6.2.10", 
    "chai": "^3.5.0", 
    "css-loader": "^0.26.1", 
    "http-server": "^0.9.0", 
    "karma": "^1.4.1", 
    "karma-chai": "^0.1.0", 
    "karma-chrome-launcher": "^2.0.0", 
    "karma-cli": "^1.0.1", 
    "karma-mocha": "^1.3.0", 
    "karma-webpack": "^2.0.2", 
    "mocha": "^3.2.0", 
    "raw-loader": "^0.5.1", 
    "style-loader": "^0.13.1", 
    "stylus": "^0.54.5", 
    "stylus-loader": "^2.4.0", 
    "uglify-js": "^2.7.5", 
    "webpack": "fulls1z3/webpack#v2.1.0-beta.27-harmony", 
    "webpack-dev-server": "^1.16.2" 
    } 
}

Любая идея, пожалуйста?

С уважением,

Pablo.

источник

2017-02-05 Pablo Alaniz

Я установил его сам

Я создал .babelrc файл в корневой папке.

{ 
    presets:["es2015"] 
}

Я установил пакет «babel-preset-es2015» на npm.

И, наконец, у меня были проблемы с исходным-карте, а затем я поставил свойство config.plugins.push(new webpack.optimize.UglifyJsPlugin({ sourceMap: true })) которого проблема была в https://github.com/shama/webpack-stream/issues/81

источник

2017-02-07 00:41:58

egghead.io - Угловой, Webpack и UglifyJs Учебник - Неожиданный токен

ответ

Смежные вопросы