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 {}
阅读 4.4k
3 个回答

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

改成es5以后 rxjs 又会报找不到 promise的错误

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题