Grunt-webpack-globals via ProvidePlugin

Grunt-webpack-globals via ProvidePlugin

本文关键字：ProvidePlugin via Grunt-webpack-globals      更新时间：2023-09-26

我一直在尝试用grunt提供我的webpack编译模块。我所有的文件都需要至少1到2个全局变量(React, Backbone和underscore)。

这些资源将被编译成js、react视图。我想知道我如何使用ProvidePlugin给我所有的模块一些基本包，与webpack和/或grunt配置?

我不知道这段代码将放在哪里!Gruntfile.js吗?输入js文件?

plugins: [
  webpack.ProvidePlugin({
    "_": "underscore"
  })
]

或

new webpack.ProvidePlugin({
  $: "jquery"
})

我研究了一下，发现这是最接近的:Webpack ProvidePlugin vs外部?

非常感谢你的帮助!

明白了!最终grunt webpack配置采用相同的选项?看起来像:)

grunt.initConfig({
    pkg: pkgConfig,
    loyalty: loyaltyConfig,
    webpack: {
        development: {
            // resolve: {
            //     modulesDirectories: [ 'vendors' ]
            // },
            amd: {
                $: true
            },
            plugins: [
                new webpack.ProvidePlugin({
                    $: 'jquery',
                    _: 'underscore',
                    React: 'react/addons',
                    config: 'json!../../config.json'
                })
            ],

当且仅当必需的元素被明显使用时，它将包含这些元素。

相关文章：