无法全局配置image-webpack-loader

Question

我想在全局范围内配置image-webpack-loader与它的文档相同。

Webpack 2有另一种设置方法。现在我们需要使用LoaderOptionsPlugin来配置加载器。

这就是我想要做的事情：

 $countries = Country::with([
                'products' => function ($query) use ($productId) {
                    $query->where('id', $productId);
                }
            ])->where('id', $countryId)->first();

结果我开始收到错误：

plugins: [
            new webpack.LoaderOptionsPlugin({
                options: {
                    imageWebpackLoader: {
                        mozjpeg: {
                            quality: 65,
                        },
                        pngquant: {
                            quality: '65-90',
                            speed: 4,
                        },
                        svgo: {
                            plugins: [
                                {
                                    removeViewBox: false,
                                },
                                {
                                    removeEmptyAttrs: false,
                                },
                            ],
                        },
                    },
                },
            }),
        ],

我似乎错误地配置了LoaderOptionsPlugin，但无法理解问题所在。

Answer 1

@{ var locations = LocationLookup.GetLocations(); } 是为了更轻松地从webpack 1过渡。在webpack 2中，您应该直接在加载器上定义选项。

您的规则将如下所示（使用README中的webpack 2规则和您的选项）：

LoaderOptionsPlugin