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

Это, как я загружаю Ol3 в моем WebPack проекте:

webpack.config.js:

... 

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

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

... 

модули ProvidePlugin нагрузки и сделать их по всему миру доступны в приложении. Вам больше не нужно импортировать ol3 в ваши js-файлы.

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

Answer 2

Если бы тот же вопрос здесь. Решено путем перемещения openlayers в свой кусок, используя CommonsChunkPlugin, затем игнорируя этот фрагмент в 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' 
}), 

Затем включены в шаблон HTML с использованием HtmlWebpackPlugin:

<% for (var chunk in htmlWebpackPlugin.files.chunks) { %> 
<script src="<%=htmlWebpackPlugin.files.chunks[chunk].entry %>"></script> 
<% } %>