Question

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

这些资产将被编译成js，反应视图。我想知道如何使用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'
                })
            ],

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

Grunt-webpack-globals通过ProvidePlugin

1 个答案: