Как импортировать jquery в модули

387
23 декабря 2016, 15:42

При сборке проекта с помощью webpack встал вопрос. Как импортировать jquery в нужные модули.

Я могу это сделать глобально с помощью webpack.ProvidePlugin, согласно инструкции из документации webpack:

plugins: [
    new webpack.ProvidePlugin({
        $: "jquery/dist/jquery.min.js"
    }),
],
resolve: {
    moduleDirectories: ['node_modules'],
    extension: ['', '.js', '.styl']
},

Но как это сделать явно для нужных модулей?

Answer 1

я бы это сделал, используя возможности es6, например вот-так:

import $ from 'pathOfJquery'

Это в свою очередь требует использование babel-polyfill в webpack, вот так:

 module: {
    loaders: [{
      loaders: ['babel-loader'],
      include: [
        path.resolve(__dirname, "src"),
      ],
      test: /\.js$/,
      .....

и пресет для бабеля .babelrc

{
"presets": ["es2015"]
}

Вероятно, есть еще какие-нибудь менее громоздкие способы.

READ ALSO
Как правильно импортировать модуль JavaScript

Как правильно импортировать модуль JavaScript

В проекте имеется директория frontend следующей структуры:

395
Как правильно посчитать цену на Jquery? [требует правки]

Как правильно посчитать цену на Jquery? [требует правки]

Почему считает неправильно? И как сделать чтоб считало точно? В приведенном ниже примере умножьте на 2, и получится 1020 а должно 10 //parseInt - обрезает...

336
Получить значение по клику? [требует правки]

Получить значение по клику? [требует правки]

Есть сторонняя библиотекаВот сылка на демо и мануал

297
Динамическая подгрузка файлов Jquery

Динамическая подгрузка файлов Jquery

Подскажите как вот это реализовать с помощью

290