捆绑时，力矩未定义

Question

I'm trying to bundle moment.js but it keeps returning undefined after it's bundled:

My webpack

var path = require("path");
var webpack = require("webpack");

module.exports = {
    mode: "development",
    entry: {
        frb: "./src/app/loader.js"
    },
    output: {
        path: path.resolve(__dirname, "./src/lib"),
        filename: "bundle.js"
    },
    module: {
        rules: [
            {
                test: /\.(js|jsx)$/,
                exclude: /(node_modules)/,
                loader: "babel-loader",
                query: {
                    presets: [
                        [
                            "@babel/preset-env",
                            {
                                targets: {
                                    chrome: "58",
                                    ie: "9"
                                }
                            }
                        ]
                    ]
                }
            }
        ]
    },
    plugins: [
        // Ignore all locale files of moment.js
        new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
        new webpack.ProvidePlugin({
            moment: "moment"
        })
    ]
};

My loader.js just cotains:

require("moment")

Answer 1

Remove the entire plugins section from your webpack config and see if it works. There are few issues/docs I read and that last part is just trying to import minimal code from moment and should be used with specific moment version.

Take a look at following links. https://webpack.js.org/plugins/ignore-plugin/ https://github.com/moment/moment/issues/2373

Another thing I would suggest is try requiring some other module in your loader.js apart from moment and see if that is part of your bundle. Just to verify this problem is with just moment or all modules. If it occurs for all modules then there is also something else which is incorrect in config.