При сборке проекта с помощью webpack встал вопрос. Как импортировать jquery в нужные модули.
Я могу это сделать глобально с помощью webpack.ProvidePlugin, согласно инструкции из документации webpack:
plugins: [
new webpack.ProvidePlugin({
$: "jquery/dist/jquery.min.js"
}),
],
resolve: {
moduleDirectories: ['node_modules'],
extension: ['', '.js', '.styl']
},
Но как это сделать явно для нужных модулей?
я бы это сделал, используя возможности es6, например вот-так:
import $ from 'pathOfJquery'
Это в свою очередь требует использование babel-polyfill в webpack, вот так:
module: {
loaders: [{
loaders: ['babel-loader'],
include: [
path.resolve(__dirname, "src"),
],
test: /\.js$/,
.....
и пресет для бабеля .babelrc
{
"presets": ["es2015"]
}
Вероятно, есть еще какие-нибудь менее громоздкие способы.
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
В проекте имеется директория frontend следующей структуры:
Почему считает неправильно? И как сделать чтоб считало точно? В приведенном ниже примере умножьте на 2, и получится 1020 а должно 10 //parseInt - обрезает...
Есть сторонняя библиотекаВот сылка на демо и мануал