javascript - webpack grunt 2 任务

Question

我正在使用 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
            }
        }

    }

这不工作...我究竟做错了什么？ (或者你有其他选择)

谢谢!

Answer 1

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

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

1. 在其目标中引用每个配置。这意味着您需要将 cache 属性放入每个 webpack 配置中。

   webpack: {
         prod: webpackDistConfig,
         dev: webpackDistDevConfig
   }
   

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

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