webpack - 如何防止webpack在加载程序的每个错误上打印较长的文件列表(在多文件条目中)

标签 webpack compiler-errors verbosity

我正在将仅js(es5)项目迁移到webpack + es6 + Typescript。
在迁移之前,所有js文件都被简单地连接在一起,现在我想从webpack开始做同样的事情。

问题:
当eslint-loader输出错误时,我会为每个eslint错误得到一长串所有我的webpack-entry文件的列表。

作为第一阶段,我不想将代码更改为仅依赖导入并保持连接。

我有以下webpack conf:

const glob = require("glob");
const path = require('path');
const pkg = require(path.join(__dirname, '../package.json'));

module.exports = (env) => {
    const isProd = env === "production";
    const config = {
        rootDir: path.join(__dirname, '../root/'),
        buildDir: path.join(__dirname, '../build/')
    }
    return {

        entry: {

            App: [
                `${config.rootDir}/app.module.js`,
                `${config.rootDir}/app.config.js`,
                `${config.rootDir}/app.controller.js`,
                ...glob.sync(`${config.rootDir}/nodes/**/*.js`)
            ],
            Documents: [
                `${config.rootDir}/nodes/appNodes.module.
                `${config.rootDir}/documents/documentation.js`,
            ]

        },
        output: {
            path: `${config.buildDir}/js/`,
            filename: `${pkg.name}[name].min.js`
        },
        watch: !isProd,
        resolve: {
            extensions: ['.ts', '.tsx', '.js']
        },
        devServer: {

            contentBase: path.join(__dirname, '../dist/'),
            port: 2222

        },
        devtool: isProd? 'source-map' : 'cheap-module-eval-sourcemap',
        module: {
            rules: [
                { test: /.tsx?$/, use: ['awesome-typescript-loader'] },
                { test: /.jsx?$/, use: [
                        {loader: 'awesome-typescript-loader'},
                        {
                            loader: 'eslint-loader'
                            // options: {formatter: friendlyFormatter}
                        }
                    ]
                },
                { test: /.html$/, use: 'raw-loader' },
                { test: /\.json$/, use: 'json-loader' },
                { test: /\.(s*)css$/, use: ['style-loader', 'css-loader', 'sass-loader'] }
            ]
        },
        plugins: [

        ]
    }

}

这是一个错误的示例(我有很多):
    ERROR in ./root/nodes/upperBar/mtSCBUpperBar.js

    /Users/nadavp/mt5/root/webapp/mt.web.ui/root/nodes/upperBar/mtSCBUpperBar.js
      28:1  error  Expected indentation of 8 spaces but found 12  indent
      29:1  error  Expected indentation of 8 spaces but found 12  indent

    ✖ 2 problems (2 errors, 0 warnings)
      2 errors, 0 warnings potentially fixable with the `--fix` option.

     @ multi ./root//app.module.js ./root//app.config.js ./root//app.controller.js 
./root/nodes/appNodes.module.js 
./root/nodes/dashboard/mtWidget.js 
./root/nodes/dashboard/mtDash.js 
./root/nodes/dashboard/mtAWidget.js 
....

文件列表会不断出现错误的每个文件...
我需要隐藏此列表。有任何想法吗?

最佳答案

终于找到了!!
我添加到webpack配置:

stats: {
    moduleTrace: false
}

关于webpack - 如何防止webpack在加载程序的每个错误上打印较长的文件列表(在多文件条目中),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48639361/

相关文章:

jquery-ui和webpack,如何管理成模块?

typescript - 后台脚本中的 Chrome 扩展 Firebase 不会始终加载

javascript - Gulp webpack-dev-server : callback before bundle is finished

compiler-errors - 使用cygwin g++构建项目时,即使我用-I指示了路径,也找不到包含头文件

matlab - 在Matlab中使用递归算法获得更多详细错误消息吗?

javascript - 为什么添加节点包并使用 webpack 编译时会出现一些依赖错误?

c++ - MSVC++2010 中带有默认值的部分模板特化

ios - 为什么在我使用 for-in 循环时 Swift 2.0 应用会抛出 EXC_BAD_INSTRUCTION?

mysql - 抑制 mysql 提示符中的信息

c# - 如何使用 ADO.NET、IDbConnection 和 IDbCommand 使 C# 代码更简洁?