index.html

## index.html
<!doctype html>
<html>

<head>
  <title>Froala with Webpack</title>
</head>

<body>
  <div id="editor"></div>

  <script src="dist/bundle.js"></script>
</body>

</html>

## index.js
let $ = require('jquery');
window.$ = $;
window.jQuery = $;

require('froala-editor/js/froala_editor.min.js');

$('#editor').froalaEditor();

## webpack.config.js
const path = require('path');
const webpack = require('webpack');


module.exports = {
  entry: './index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  resolve: {
    modules: ['node_modules']
  },
  plugins: [
     new webpack.ProvidePlugin({
       $: "jquery",
       jQuery: "jquery"
     })
 ]
};