javascript - Grunt-webpack-globals 通过 ProvidePlugin

Question

我一直在尝试为我的 webpack 编译模块提供 grunt。我所有的文件至少需要 1 或 2 个全局变量（React、Backbone 和下划线）。

这些资产会被编译成 js，react 视图。我想知道如何使用 ProvidePlugin 为我的所有模块提供一些基本包，包括 webpack 和/或 grunt 配置？

我不知道这段代码会在哪里！Gruntfile.js？输入js文件？

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

或者

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

我研究并发现这是最接近的： Webpack ProvidePlugin vs externals？

非常感谢您的帮助！

Answer 1

弄清楚了！最后 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'
                })
            ],

当且仅当它们被明显使用时，这将包括所需的元素。