node.js - OpenLayers v3 与 Webpack

Question

您好，我目前正在使用 OpenLayers v3 和 Webpack。当我不使用 UglifyJS 时它工作得很好。但是当我添加 uglifyJS 配置时，它就无法再编译了

我的 UglifyJS 配置

     new webpack.optimize.UglifyJsPlugin({
        minimize: true,
        sourceMap: false,
        compress: {
            warnings: false,
            sequences: true,
            dead_code: true,
            conditionals: true,
            booleans: true,
            unused: true,
            if_return: true,
            join_vars: true,
            drop_console: true
        }
    }),

我收到这个错误

from UglifyJs RangeError: Maximum call stack size exceeded

我正在使用 dist/ol.js 文件。

知道如何解决这个问题吗？

Answer 1

这就是我在 webpack 项目中加载 ol3 的方式:

webpack.config.js:

...

resolve: {
  alias: {
    openlayers3: "openlayers/dist/ol.js",
  },
},

plugins: [
  new webpack.ProvidePlugin({
    ol: "openlayers3",
  }),
]

...

ProvidePlugin 加载模块并使它们在您的应用程序中全局可用。您不必再在 js 文件中导入 ol3。

https://webpack.github.io/docs/list-of-plugins.html#provideplugin