Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webpack提供了Plugin和全局变量_Webpack_Momentjs - Fatal编程技术网

Webpack提供了Plugin和全局变量

Webpack提供了Plugin和全局变量,webpack,momentjs,Webpack,Momentjs,我对webpack非常陌生,我注意到的第一件事是,我可以将jquery包装在下面的内容中,这样它就可以在我的javascript中全局使用,这很可爱。我想用我使用的其他框架来实现这一点,比如moment、accounting和我需要使用的任何插件,例如jQueryUI 由于幼稚和没有正确阅读网页,我只是尝试了以下方法,但似乎不起作用: var path = require('path'); var webpack = require('webpack'); module.exports = {

我对webpack非常陌生,我注意到的第一件事是,我可以将jquery包装在下面的内容中,这样它就可以在我的javascript中全局使用,这很可爱。我想用我使用的其他框架来实现这一点,比如moment、accounting和我需要使用的任何插件,例如jQueryUI

由于幼稚和没有正确阅读网页,我只是尝试了以下方法,但似乎不起作用:

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

module.exports = {
    entry: './src/js/config.js',
    output: {
        path: path.resolve(__dirname, 'public/js'),
        filename: 'main.build.js'
    },
    plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery',
            accounting: 'accounting',
            moment: 'moment'
            // jQuery: './src/vendor/jquery/dist/jquery.min',
            // jqueryui : './src/vendor/jquery-ui/jquery-ui.min',
            // listjs: './src/vendor/list.js/dist/list.min',
            // moment: './src/vendor/moment/min/moment.min',
            // nouislider: './src/vendor/nouislider/distribute/nouislider.min',
            // accounting: './src/js/plugins/accounting',
            // imagesLoaded: './src/vendor/imagesloaded/imagesloaded.pkgd.min',
            // parsley: './src/vendor/parsleyjs/dist/parsley.min',
            // urlQuery: './src/vendor/domurl/url.min'
        }),
        new webpack.ContextReplacementPlugin(/\.\/locale$/, 'empty-module', false, /js$/)
    ],
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: "babel-loader",
                query: {
                    presets: [ "babel-preset-es2015" ].map(require.resolve)
                }
            }
        ]
    },
    stats: {
        colors: true
    },
    devtool: 'source-map'
};
这是我的自大,但我真的希望有人能帮助我,因为这将是非常好的,有这个东西在全球范围内提供,而不必导入到某些文件,我正试图将整个前端js堆栈转换为es6模块


提前谢谢

经过一段时间的摆弄,这确实很好。一旦通过npm安装了矩,这就太棒了。

在通过npm安装矩后,这实际上现在可以工作了,但在浏览器中我得到了“Uncaught TypeError:无法设置未定义的属性‘矩’”——非常感谢您的帮助!需要注意的重要一点是,您需要通过npm安装它(它应该位于您的
节点\u模块中
),并具有适当的大小写
时刻:“时刻”