FDiskas/.babelrc

## .babelrc
{ "presets": [ "es2015" ] }

## readme.md

      
    Raw
  

              readme.md
            
          
    To reproduce the bug wolow this simple steps

Working version


Run npm install
Then open index.html and check the console.

There should be awaylable function datepicker in object tree under the fn key. And in console should not be any errors.
Not working


Remove node_modules and dist and yarn.lock if exists
Run yarn
Then open index.html and check the console.

There are errors complaining that datepicker function is missing.

In node_modules directory under the bootstrap-datepicker I see only the one difference, that there is installed jquery@3.1.1 as subdependency. Witch is wrong.
bootstrap-datepicker package.json file is depends on
"dependencies": {
    "jquery" : ">=1.7.1"
  },

But my package.json is requering jquery@2.2.4 and its covering that required range of versions.

  
## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<script src="dist/common.js" charset="utf-8"></script>
<script src="dist/app.bundle.js" charset="utf-8"></script>
</body>
</html>

## index.js
require('babel-polyfill');
require('jquery');
require('bootstrap-datepicker');

console.dir($);
$('input').datepicker();

## package.json
{
  "name": "unknown",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "webpack",
    "postinstall": "npm start"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.7",
    "babel-polyfill": "^6.16.0",
    "babel-preset-es2015": "^6.18.0",
    "bootstrap-datepicker": "^1.6.4",
    "jquery": "2.2.4",
    "webpack": "^1.13.3"
  }
}

## webpack.config.js
var webpack = require('webpack');
module.exports = {
    entry: './index.js',
    target: 'web',
    output: {
        path: './dist',
        filename: 'app.bundle.js',
    },
    plugins: [
        new webpack.ProvidePlugin({
            $              : 'jquery',
            jQuery         : 'jquery',
            'window.jQuery': 'jquery',
            'root.jQuery'  : 'jquery'
        }),
        new webpack.optimize.CommonsChunkPlugin('common.js')
    ],
    resolve: {
        modulesDirectories: [
            'node_modules'
        ],
        alias: {
            'flightjs': 'flight',
        }
    },
    module: {
        loaders: [{
            test: /\.js$/,
            loader: 'babel-loader',
            query: {
                presets: ['es2015']
            }
        }]
    },
    amd: { jQuery: true }
};
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	</head>
	<body>
	<script src="dist/common.js" charset="utf-8"></script>
	<script src="dist/app.bundle.js" charset="utf-8"></script>
	</body>
	</html>
	require('babel-polyfill');
	require('jquery');
	require('bootstrap-datepicker');

	console.dir($);
	$('input').datepicker();
	{
	"name": "unknown",
	"version": "1.0.0",
	"description": "",
	"main": "index.js",
	"scripts": {
	"test": "echo \"Error: no test specified\" && exit 1",
	"start": "webpack",
	"postinstall": "npm start"
	},
	"author": "",
	"license": "ISC",
	"dependencies": {
	"babel-core": "^6.18.2",
	"babel-loader": "^6.2.7",
	"babel-polyfill": "^6.16.0",
	"babel-preset-es2015": "^6.18.0",
	"bootstrap-datepicker": "^1.6.4",
	"jquery": "2.2.4",
	"webpack": "^1.13.3"
	}
	}
	var webpack = require('webpack');
	module.exports = {
	entry: './index.js',
	target: 'web',
	output: {
	path: './dist',
	filename: 'app.bundle.js',
	},
	plugins: [
	new webpack.ProvidePlugin({
	$ : 'jquery',
	jQuery : 'jquery',
	'window.jQuery': 'jquery',
	'root.jQuery' : 'jquery'
	}),
	new webpack.optimize.CommonsChunkPlugin('common.js')
	],
	resolve: {
	modulesDirectories: [
	'node_modules'
	],
	alias: {
	'flightjs': 'flight',
	}
	},
	module: {
	loaders: [{
	test: /\.js$/,
	loader: 'babel-loader',
	query: {
	presets: ['es2015']
	}
	}]
	},
	amd: { jQuery: true }
	};