我有一个 Angular 2 应用程序,其中定义了 typescript 编译器选项以生成单个 outFile,即 Scripts1.js 和 Scripts1.js.map
现在在我的 index.html 中
<script src="Scripts/Script1.js"></script>
<script>
System.config({
packages: {
'V1/components/main': {
format: 'register',
defaultExtension: 'js',
defaultJSExtensions: true
}
}
});
debugger;
//System.import('Scripts/main')
System.import('V1/components/main')
.then(null, console.error.bind(console));
</script>
现在工作正常如何使用 gulp 对其进行丑化
我的 gulpFile.js
gulp.task('MinifyBundled', function () {
console.log('testiang');
return gulp.src(config.src2)
.pipe(uglify())
.pipe(gulp.dest('app/'));
})
当我包含
时,它现在会在我的应用程序文件夹中生成 Script1.js<script src="app/Script1.js"></script>
这个缩小后的文件无法正常工作,控制台中也没有错误。我想我在丑化 .我试过了
gulp.task('MinifyBundled', function () {
console.log('testiang');
return gulp.src(config.src2)
.pipe(sourcemaps.init({ loadMaps: true }))
.pipe(uglify())
.pipe(sourcemaps.write('app/'))
.pipe(gulp.dest('app/'));
})
P.S:请不要推荐任何其他捆绑或缩小工具,我受够了
最佳答案
更好地使用 Angular 2 CLI 开发应用程序。它提供所有基线工作,如构建、运行、单元测试、TS 文件的转换,使用 NG 命令,您可以使用预定义代码创建页面、路由。
也可以通过将 Angular 2 CLI 环境更改为 PROD 来完成 Uglify
关于javascript - 如何使用 gulp uglify 以 angular 2 加载缩小文件? (缩小 TYpescript 捆绑文件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38501914/