У меня есть проект Django, и я также использую веб-пакет. Я установил jquery во всем мире, и я могу использовать его без проблем в одиночку, но я не могу импортировать пятно. Я попытался с помощью CDN, а также установки Slick глобально, но я всегда получаю эту ошибку:
Uncaught ReferenceError: jQuery is not defined
at slick.min.js:1
at slick.min.js:1
(anonymous) @ slick.min.js:1
(anonymous) @ slick.min.js:1
Это мой webpack.base.js (я создал также для производства, а другой для разработки):
var path = require('path');
var webpack = require('webpack');
var BundleTracker = require('webpack-bundle-tracker');
module.exports = [{
entry: './assets/js/script',
output: {},
module: {
rules: [
{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel-loader'},
],
},
resolve: {
modules: ['node_modules', 'bower_components', path.resolve(__dirname, 'assets/js/'),],
extensions: ['.js', '.jsx']
},
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
}),
]
},{
context: __dirname,
entry: './assets/css/style.scss',
output: {},
module: {
rules: [
{
test: /\.css$/,
loaders: [
'style-loader',
'css-loader',
],
},
{
test: /\.scss$/,
loaders: [
'style-loader',
'css-loader',
'sass-loader',
],
},
{
test: /\.(svg)(\?v=\d+\.\d+\.\d+)?$/,
loader: 'url-loader?limit=100000',
},
{
test: /\.(jpg|png)?$/,
loaders: [
'file-loader?name=i-[hash].[ext]',
],
},
]
}
}]
А в моих js-файлах, похоже, нет разницы в использовании import $ from 'jquery';
import 'slick-carousel';