Как подключить jquery используя bower & webpack?

Question

[Wasya UK]

В webpack подключаю все свои файлы через

new HtmlWebpackPlugin({
    template: path.resolve(__dirname, 'app/index.pug'),
    inject: 'body'
}),

Но вот подключил и bower. Теперь файл jquery передаю сразу в pug:

meta(charset="utf8")
meta(name="viewport", content="width=device-width, initial-scale=1")
script(src="jquery/dist/jquery.min.js")

В вебпаке html-loader такой:

{
        test: /\.(pug|jade)$/,
        exclude: /(node_modules|bower_components)/,
        use:  [
          'html-loader',
          {
          loader: 'pug-html-loader',
          options: {
            data: {}
          }}
        ]
      },

папки лежат так:
app
--templates
----head.pug ( тут подключаю JQUERY )
--index.pug
bower_components
node_modules
webpack.config.js
package.json
bower.json

Получаю: Uncaught ReferenceError: $ is not defined

Что нужно сделать еще, чтобы все заработало? Заранее спасибо

Answer 1

[Wasya UK]

Нужно дописать следующие:

resolve: {
    alias: {
        jquery:"/your/path/to/jquery"
    }

}

 plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery',
        })
    ]