javascript - angular2 使用webpack打包 UglifyJs报错
PHP中文网
PHP中文网 2017-04-11 11:50:16
[JavaScript讨论组]

一个简单的 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 {}
PHP中文网
PHP中文网

认证0级讲师

全部回复(3)
ringa_lee

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

大家讲道理

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

PHP中文网

angular2-webpack-starter issue853

将tsconfig.json改成:

{
  "compilerOptions": {
    "target": "es5",
    "lib": ["dom", "es6"]
  }
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号