openlayers-plugin-debug-config.js

var webpack = require('webpack');
var path = require('path');
var HappyPack = require('happypack');//多线程loader 加快编译速度
var os = require('os');
var happyThreadPool = HappyPack.ThreadPool({ size: os.cpus().length });
var HtmlWebpackPlugin = require('html-webpack-plugin');
const BuildInfo = require('./version/version.js')

module.exports = {
  mode:'development',
  devtool: 'eval-source-map',
  entry:  path.join(__dirname, '.', 'openlayers_index.js'),//已多次提及的唯一入口文件
  output: {
    path: path.join(__dirname, '.', 'output'),//打包后的文件存放的地方
    // filename: "MapGis_ol_debug.js"//打包后输出文件的文件名
    filename: "webclient-openlayers-plugin.js"//打包后输出文件的文件名
  },
  externals: {
        'openlayers': 'ol',
        'mapv': "function(){try{return mapv}catch(e){return {}}}()",
        'echarts': 'function(){try{return echarts}catch(e){return {}}}()'
  },
  module: {
        //noParse: /[\/\\]node_modules\.js$/,
        rules: [
            {
                test: /(\.js)$/,
                use: 'happypack/loader?id=js',
                exclude: [/node_modules/,/mapboxgl/,/leaflet/]
            }
        ]
  },
  plugins: [
    new HappyPack({
            id: 'js',
            // threads: 4,
            threadPool: happyThreadPool,
            loaders: [{
                loader: 'babel-loader',
                options: {
                    presets: ['es2015'],
                    cacheDirectory: true,
                    plugins: ['transform-runtime', 'transform-decorators-legacy', 'transform-class-properties']
                }
            }]
    }),
    new HtmlWebpackPlugin({
        filename: 'webclient-openlayers-plugin.html',
        template: 'src/config/opensource/version/version.html',
        inject: false,//不插入生成的js 仅用于版本声明
        minify: {
          removeComments: false,
          collapseWhitespace: true,
          removeAttributeQuotes: true
        },
        buildInfo: BuildInfo
      })
   ]
}