OpenLayers v3 with Webpack

Question

こんにちは私は現在WebpackでOpenLayers v3を使用しています。 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 
     } 
    }), 

をconfigコンもう

マイUglifyJSをコンパイルしないであろうと私はdist/ol.jsファイルを使用しています

from UglifyJs RangeError: Maximum call stack size exceeded 

このエラーが発生します。

これを解決する方法はありますか？

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

Answer 2

は、ここで同じ問題を持っていました。 CommonsChunkPluginを使用してOpenlayersを独自のチャンクに移動し、そのチャンクをUglifyJsPluginで無視することで解決しました。

エントリ：

entry: { 
    vendor: Object.keys(packageDotJson.dependencies), 
    openlayers: ['openlayers'], 
    app: './src/index.jsx' 
} 

CommonsChunkPlugin：

new webpack.optimize.CommonsChunkPlugin({ 
    names: ["openlayers", "vendor"], 
    minChunks: Infinity, 
    filename: "[name].[hash].js" 
}), 

UglifyJsPlugin：

：

new webpack.optimize.UglifyJsPlugin({ 
    compress: { 
     warnings: false 
    }, 
    exclude: 'openlayers' 
}), 

は次にHtmlWebpackPluginを使用してHTMLテンプレートに含ま210