2

我有一个简单的 Express API，我使用MySQL来检索我的数据。我使用Webpack 4将它与一个非常简单的配置捆绑在一起：

'use strict';

const path = require('path');

module.exports = {
    entry: './src/main.js',
    target: 'node',
    output: {
        filename: 'gept_api.js',
        path: path.resolve(__dirname, 'dist'),
    },
    node: {
        __dirname: true,
    },
};

当我webpack --config webpack.config.js -d用于开发时，一切正常。

但是，当我运行生产webpack --config webpack.config.js -p时，它突然不再工作，并且在从池中获取连接时抛出错误。

TypeError: Cannot read property 'query' of undefined
at Object.getItem (C:\Users\freek\Dropbox\Code\Apps\GEPT\GEPTv2_API\dist\gept_api.js:1:154359)
at t.db_pool.getConnection (C:\Users\freek\Dropbox\Code\Apps\GEPT\GEPTv2_API\dist\gept_api.js:1:154841)
at c._callback (C:\Users\freek\Dropbox\Code\Apps\GEPT\GEPTv2_API\dist\gept_api.js:1:68269)
at c.end (C:\Users\freek\Dropbox\Code\Apps\GEPT\GEPTv2_API\dist\gept_api.js:1:8397)
at C:\Users\freek\Dropbox\Code\Apps\GEPT\GEPTv2_API\dist\gept_api.js:1:322509
at Array.forEach (<anonymous>)
at C:\Users\freek\Dropbox\Code\Apps\GEPT\GEPTv2_API\dist\gept_api.js:1:322487
at process._tickCallback (internal/process/next_tick.js:112:11)

所以不知何故，这通过使用 webpack 4 中的生产模式被打破了。连接对象以某种方式未定义，而它不在开发模式下。

我不知道如何解决这个问题，因为我是使用 Webpack 的菜鸟。我尝试在谷歌上搜索，但找不到任何相关内容。

我如何创建我的池：

'use strict';

var mysql = require('mysql');
var secret = require('./db-secret');

module.exports = {
    name: 'gept_api',
    hostname: 'https://api.toxsickproductions.com/gept',
    version: '1.3.0',
    port: process.env.PORT || 1910,
    db_pool: mysql.createPool({
        host: secret.host,
        port: secret.port,
        user: secret.user,
        password: secret.password,
        database: secret.database,
        ca: secret.ca,
    }),
};

我如何使用连接：

pool.getConnection((err, connection) => {
    PlayerRepository.getPlayer(req.params.username, connection, (statusCode, player) => {
        connection.release();
        res.status(statusCode);
        res.send(player);
        return next();
    });
});

和

/** Get the player, and logs to HiscoreSearch if exists.
 *
 * Has callback with statusCode and player. Status code can be 200, 404 or 500.
 * @param {string} username The player's username.
 * @param {connection} connection The mysql connection object.
 * @param {(statusCode: number, player: { username: string, playerType: string }) => void} callback Callback with statusCode and the player if found.
*/
function getPlayer(username, connection, callback) {
const query = 'SELECT p.*, pt.type FROM Player p JOIN PlayerType pt ON p.playerType = pt.id WHERE username = ?';

connection.query(query, [username.toLowerCase()], (outerError, results, fields) => {
        if (outerError) callback(500);
        else if (results && results.length > 0) {
            logHiscoreSearch(results[0].id, connection, innerError => {
                if (innerError) callback(500);
                else callback(200, {
                    username: results[0].username,
                    playerType: results[0].type,
                    deIroned: results[0].deIroned,
                    dead: results[0].dead,
                    lastChecked: results[0].lastChecked,
                });
            });
        } else callback(404);
    });
}
4

1 回答 1

0

我找到了导致问题的原因。显然，该mysql软件包依赖于设置，Function.prototype.name因为设置keep_fnames: true固定了生产版本。（https://github.com/mishoo/UglifyJS2/tree/harmony#mangle-options）

我禁用了 Webpack 4标准缩小并使用了自定义 UglifyJSPlugin 设置：

'use strict';

const path = require('path');
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

module.exports = {
    entry: './src/main.js',
    target: 'node',
    output: {
        filename: 'gept_api.js',
        path: path.resolve(__dirname, 'dist'),
    },
    node: {
        __dirname: true,
    },
    optimization: {
        minimize: false,
    },
    plugins: [
        new UglifyJsPlugin({
            parallel: true,
            uglifyOptions: {
                ecma: 6,
                mangle: {
                    keep_fnames: true,
                },
            },
        }),
    ],
};
于 2018-03-03T10:54:33.320 回答