dmc1989
@dmc1989

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

В 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

Что нужно сделать еще, чтобы все заработало? Заранее спасибо
  • Вопрос задан
  • 481 просмотр
Решения вопроса 1
dmc1989
@dmc1989 Автор вопроса
Нужно дописать следующие:
resolve: {
    alias: {
        jquery:"/your/path/to/jquery"
    }

}

 plugins: [
        new webpack.ProvidePlugin({
            $: 'jquery',
        })
    ]
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы