Hi,

I have read that D3 v4 has added modularity to all its modules thereby needing the user to implement all of them or select and bundle the specific ones (most of them are suggesting rollup.js). But I am using webpack and I do not have any patience left to change this part too(I have just finished Vue.js migration).

Can anyone help me with:

• how to bundle the d3 files using webpack? I have tried externals and resolve but no luck :-(
• the transform-runtime under babel gives an error while building

Below is the current config

var webpack = require('webpack')

module.exports = {

entry:    [
     'webpack/hot/dev-server'
    ,'webpack-hot-middleware/client'
   // ,"./client/home.js"
    ,"./client/pages.js"
    ,"./client/graph.js"
    ,"./client/orient_databases.js"
    ,"./public/jquery-2.2.4.min.js"
]
,output: { 
    path: '/'
  // ,path: '/static'
    ,publicPath: 'localhost/scripts'
    ,filename: 'bundle.js'
}
,plugins :[
     new webpack.ProvidePlugin({
            d3: "d3"

        }),
    new webpack.ProvidePlugin({
            jquery : "jquery"
        })    
]
,module: {
    // avoid webpack trying to shim process
    noParse: /es6-promise\.js$/,
    loaders: [
      {
        test: /\.vue$/,
        loader: 'vue'
      },
      {
        test: /\.js$/,
        // excluding some local linked packages.
        // for normal use cases only node_modules is needed.
        exclude: /node_modules|vue\/dist|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
        loader: 'babel',
        //query: {
            //presets: ['es2015'],
            //plugins: ['transform-runtime']
        //}
      }
    ]
  }

  ,  resolve: {
    alias: {
      'vue$': 'vue/dist/vue'
    } 
  }
    ,babel: {
    presets: ['es2015'],
    //plugins: ['transform-runtime']
  }  
}