Angular 如何缩短网页包堆栈跟踪?
我刚刚将我的Angular2应用程序从SystemJS迁移到webpack。一切正常,但我已经厌倦了滚动异常的堆栈跟踪 一个异常在控制台中生成716行堆栈跟踪 我已将完整堆栈跟踪上载到git: 我只想留下这条消息的一部分,在这里我可以看到原始文件和文件中的行:以下是示例: 我有什么办法可以做到这一点Angular 如何缩短网页包堆栈跟踪?,angular,logging,webpack,stack-trace,Angular,Logging,Webpack,Stack Trace,我刚刚将我的Angular2应用程序从SystemJS迁移到webpack。一切正常,但我已经厌倦了滚动异常的堆栈跟踪 一个异常在控制台中生成716行堆栈跟踪 我已将完整堆栈跟踪上载到git: 我只想留下这条消息的一部分,在这里我可以看到原始文件和文件中的行:以下是示例: 我有什么办法可以做到这一点 网页包配置与中相同,我找到了一个解决方法:在Chrome开发工具中使用“.ts”过滤器。这只留下我在屏幕截图中显示的一条短消息。Angular 2 webpack starter非常复杂;有太多的
网页包配置与中相同,我找到了一个解决方法:在Chrome开发工具中使用“.ts”过滤器。这只留下我在屏幕截图中显示的一条短消息。Angular 2 webpack starter非常复杂;有太多的东西;若在你们的项目中有人需要一些不同的东西,或者若有一些不同的东西,那个么调试错误是很困难的 尝试使用angular2网站上的网页指南: 例如,angularclass不会随angular2的每个新版本更新。 package.json中的示例; 从angular站点,您将找到最新版本:“@angular/common”:“~2.4.0” 来自angularclass:“@angular/common”:“~2.4.0” 了解webpack的工作原理很重要,因为它有一个更简单的设置,可以在以后修改和添加内容 我的webpack.common.js更改为:
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var autoprefixer = require('autoprefixer');
var helpers = require('./helpers');
module.exports = {
entry: {
'polyfills': './src/polyfills.ts',
'vendor': './src/vendor.ts',
'app': './src/main.ts'
},
resolve: {
extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html']
},
module: {
loaders: [
{
test: /\.ts$/,
loaders: ['awesome-typescript-loader', 'angular2-template-loader']
},
{
test: /\.html$/,
loader: 'html'
},
{
test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
loader: 'file?name=assets/[name].[hash].[ext]'
},
{
test: /\.css$/,
exclude: helpers.root('src', 'app'),
loader: ExtractTextPlugin.extract('style', 'css?sourceMap')
},
{
test: /\.css$/,
include: helpers.root('src', 'app'),
loader: 'raw'
},
{
test: /\.scss$/,
exclude: helpers.root('src', 'app'),
loader: ExtractTextPlugin.extract(
'style-loader',
'css-loader!postcss-loader!sass-loader'
)
},
{
test: /\.scss$/,
include: helpers.root('src', 'app'),
loader: 'raw!css!postcss-loader!sass'
},
{
test: /\.json$/,
loader: 'json-loader'
}
]
},
postcss: function (webpack) {
return [
autoprefixer({browsers: ['last 10 versions']}),
];
},
plugins: [
new webpack.optimize.CommonsChunkPlugin({
name: ['app', 'vendor', 'polyfills']
}),
new HtmlWebpackPlugin({
template: 'src/index.html'
}),
new ExtractTextPlugin('css/[name].css')
]
};
我已经添加了saas支持和autoprefixer。你能添加你的网页包配置文件吗?@stackdave我从这里没有做任何更改: