如何让 Winston 使用 Webpack？

我有一个使用 Node.js 的电子应用程序。我想使用 Winston 登录应用程序。我已将winston 添加到我的package.json 文件中，但是当我运行webpack 的构建命令时，我收到了winston 中colors.js 依赖项的一些警告。

'...the request of a dependency is an expression...'

然后它引用了winston 和colors.js。忽略警告是行不通的，因为电子应用程序在尝试从 Winston 加载一些文件时遇到异常。

我在 SO 和 github 网站上做了一些挖掘，他们说 color.js 有一些 webpack 遇到问题的动态 require 语句。我还看到其他示例项目似乎已启动并运行温斯顿，其项目中没有任何问题。有谁知道如何在电子应用程序中正确包含带有 webpack 的 Winston 日志记录包？

这个问题有两个方面：

1）winston 直接或间接依赖于 color.js，因此一旦 Winston 存在，依赖项就会自动包含在内。在它的一些旧版本中，它包含一个动态 require 语句，这会导致：

2) 依赖项有 Webpack 无法处理的动态 require 语句；您可以配置 webpack，以便它可以忽略这种特定情况，也可以将 winston 升级到较新的版本，这样 color.js 将在没有动态要求的情况下在变体中被选择（请参阅https://github.com/winstonjs/winston/issues/984).

为了告诉 Webpack 处理动态 require，你需要告诉 Webpack Winston 是一个外部库。

这是我的 webpack.config.js 中的示例：

 externals: {
    'electron': 'require("electron")',
    'net': 'require("net")',
    'remote': 'require("remote")',
    'shell': 'require("shell")',
    'app': 'require("app")',
    'ipc': 'require("ipc")',
    'fs': 'require("fs")',
    'buffer': 'require("buffer")',
    'winston': 'require("winston")',
    'system': '{}',
    'file': '{}'
},

要使用 Electron 在 Angular 2 应用程序中使用记录器，请创建一个 logger.js 文件，然后使用全局日志记录服务 TypeScript 文件（即logging.service.ts）将其包装。 logger.js 文件使用所需的 Winston 配置设置创建记录器变量。

记录器.js：

    var winston = require( 'winston' ),
    fs = require( 'fs' ),
    logDir = 'log', // Or read from a configuration
    env = process.env.NODE_ENV || 'development',
    logger;
​


     winston.setLevels( winston.config.npm.levels );
    winston.addColors( winston.config.npm.colors );

    if ( !fs.existsSync( logDir ) ) {
        // Create the directory if it does not exist
        fs.mkdirSync( logDir );
    }
    logger = new( winston.Logger )( {
        transports: [
            new winston.transports.Console( {
                level: 'warn', // Only write logs of warn level or higher
                colorize: true
            } ),
            new winston.transports.File( {
                level: env === 'development' ? 'debug' : 'info',
                filename: logDir + '/logs.log',
                maxsize: 1024 * 1024 * 10 // 10MB
            } )
        ],
        exceptionHandlers: [
            new winston.transports.File( {
                filename: 'log/exceptions.log'
            } )
        ]
    } );
    ​
    module.exports = logger;

日志记录.service.ts：

export var LoggerService = require('./logger.js');

现在，日志记录服务可供整个应用程序使用。

Example:

import {LoggerService} from '<path>';
...    
LoggerService.log('info', 'Login successful for user ' + this.user.email);