Webpack条件要求

Question

我正在用webpack编写一个同构的Key Value Store.

这是我目前加载库的方法,这显然不起作用,因为webpack想解决这两个问题require.什么是正确的方法？

var db = null;

if (typeof window === 'undefined') {
    // node context
    db = require('level');
} else {
    // browser context
    db = require('gazel');
}

我知道,你可以为webpack 提供一个目标.但我不知道如何使用它.

谢谢!

Answer 1

我认为resolve.alias会对你有用.您可以将db模块设置为指向level或gazel取决于您正在创建的构建.

Answer 2

webpack.config.js

module.exports = {
plugins: [
    new webpack.DefinePlugin({
        "process.env": {
            BROWSER: JSON.stringify(true)
        }
    })
]}

您-universal.js

var db = null;
if (!process.env.BROWSER) {
    // node context
    db = require('level');
} else {
    // browser context
    db = require('gazel');
}