javascript - angular2 使用webpack打包 UglifyJs报错

问题描述

问 题

一个简单的 helloworld程序 只要使用 UglifyJs 就会报错

配置如下

var webpack = require('webpack');

module.exports = {
    entry: {
        app: './src/main.ts',
        vendor: './src/vendor.ts',
        polyfills: './src/polyfills.browser.ts'
    },
    output: {
        filename: './dist/[name].js'
    },
    resolve: {
        // Add `.ts` and `.tsx` as a resolvable extension.
        extensions: ['', '.ts', '.js']
    },
    module: {
        loaders: [
            // all files with a `.ts` extension will be handled by `ts-loader`
            //{ test: /\.ts$/, loaders: ['angular2-template-loader','ts-loader'] }
              { test: /\.ts$/, loader:'ts-loader' }
        ]
    },
    plugins: [
        new webpack.optimize.CommonsChunkPlugin({
            name: ['app','vendor','polyfills']
        })
        ,new webpack.optimize.UglifyJsPlugin()
    ]
}

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app.module';

const platform = platformBrowserDynamic();
platform.bootstrapModule(AppModule);

app.module.ts

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { MainComponent }  from './main.component';

@NgModule({
  imports:      [ BrowserModule ],
  declarations: [ MainComponent ],
  bootstrap:    [ MainComponent ]
})
export class AppModule {}

解决方案

你是不是把ts编译到ES6了, uglifyJS还不支持ES6

这篇关于javascript - angular2 使用webpack打包 UglifyJs报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！