Migrate from bower to webpack

.bowerrc

{
  "directory": "wwwroot/scripts/bower"
}

assets.js

const CSS = [
    'jquery-ui-dist/jquery-ui.min.css',
    'jquery-datetimepicker/jquery.datetimepicker.css'
];
const JS = [
    'jquery-ui-dist/jquery-ui.min.js',
    'jquery-datetimepicker/jquery.datetimepicker.min.js',
    'jquery/dist/jquery.min.js',
    'lodash/lodash.min.js'
];

module.exports = [...JS, ...CSS];

bower.json

{
    "name": "bower-to-webpack",
    "dependencies": {
        "datetimepicker": "~2.5.4",
        "jquery": "~2.1.4",
        "jquery-ui": "~1.11.2",
        "lodash": "^4.17.2"
    }
}

package.json

{
  "name": "bower-to-webpack",
  "description": "Easy migration from bower to webpack",
  "author": "Andrejs Abrickis",
  "dependencies": {
    "jquery": "^2.1.4",
    "jquery-datetimepicker": "https://github.com/xdan/datetimepicker/archive/2.5.4.tar.gz",
    "jquery-ui": "https://github.com/jquery/jquery-ui/archive/1.11.2.tar.gz",
    "lodash": "^4.17.2"
  },
  "devDependencies": {
    "copy-webpack-plugin": "^4.0.1"
  }
}

webpack.config.js

const path = require('path');
const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin');

// assets.js
const Assets = require('./assets');

module.exports = {
    entry: {
        app: "./app.js",
    },
    output: {
        path: __dirname + "/wwwroot/scripts",
        filename: "[name].bundle.js"
    },
    plugins: [
      new CopyWebpackPlugin(
        Assets.map(asset => {
          return {
            from: path.resolve(__dirname, `./node_modules/${asset}`),
            to: path.resolve(__dirname, './wwwroot/scripts/npm')
          };
        })
      )
    ]
};