webpack grunt 2 任务

【问题标题】：webpack grunt 2 taskswebpack grunt 2 任务
【发布时间】：2015-02-25 13:18:40
【问题描述】：

我正在使用 webpack 和 grunt。

我希望有 3 个东西：本地服务器（用于工作..）、开发链接（用于半技术人员的调试和测试）和生产链接。

到目前为止，我的 grunt webpack 看起来像这样：

webpack: {
            options: webpackDistConfig,
            dist: {
                cache: false
            } 
    },
'webpack-dev-server': {...}

现在我希望它看起来像这样：

webpack: {
        prod:{
            options: webpackDistConfig,

            dist: {
                cache: false
            }
        },
        dev: {
            options: webpackDistDevConfig,

            dist: {
                cache: false
            }
        }

    }

哪个不工作... 我究竟做错了什么？（或者你还有其他选择吗）

谢谢！

【问题讨论】：

标签： javascript gruntjs webpack

【解决方案1】：

grunt-webpack 期望目标是选项本身。在您的第一个代码 sn-p 中，我们将 webpackDistConfig 作为所有目标的基本配置。 dist 目标确实会覆盖 cache 属性，但不会影响配置的其余部分。

要让任务按您的意愿工作，有两种选择：

在其目标中引用每个配置。这意味着您需要将 cache 属性放在每个 webpack 配置中。
```
webpack: {
      prod: webpackDistConfig,
      dev: webpackDistDevConfig
}
```

引用基本配置并更改目标中的必要属性

webpack: {
      options: webpackDistDevConfig
      prod: {
        cache: true
      },
      dev: {
        cache: false
      }
}

【讨论】：