webpack - 用 webpack 编译 mapbox-gl 需要很长时间

Question

我正在尝试使用 webpack 编译简单的 mapbox-gl 示例。我正在使用具有以下标准配置的 webpack：

const path = require('path');
module.exports = {
    entry: './src/main.js',
    watch: true,
    output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
    }
};

我main.js是来自 mapbox-gl 站点的示例：

var mapboxgl = require('mapbox-gl/dist/mapbox-gl.js');
mapboxgl.accessToken = 'ACCESS_TOKEN';
var map = new mapboxgl.Map({
   container: 'map',
   style: 'mapbox://styles/mapbox/streets-v11'
});

main.js 文件中的每次更改都会触发重新编译所有内容，这大约需要 10 秒。有没有简单的方法来改善这一点？

标签： webpackmapbox-gl-js

Answer 1

好的。这很简单。我只需要添加模式：“开发”。