Grunt-webpack-globals通过ProvidePleugin

Question

我一直试图为我的webpack编译模块提供Grunt。我的所有文件至少需要1或2个全局（反应，主干和下划线）。

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

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

Answer 1

想通了！结果是粗糙的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'
                })
            ],

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