Версия Webpack-stream: 5.2.1
npm версия: 6.14.4
версия узла: v10.13.0
платформа: windows10
Я использую gulp + webpack-stream для двух модулей: библиотек. js и page. js
Проблема касается только импорта из node_modules в page. js, тоже самое Импорт в библиотеки. js хорошо работает.
Импортируйте модуль как
import 'slick-carousel/slick/slick';
и даже просто импортируйте, выдает эту ошибку без вызова
Полная кодовая страница. js
'use strict';
import '../_modules/forms/doctor-review';
import 'slick-carousel/slick/slick';
$(window).on('load', function () {
$('.js-slick').slick();
});
Конфигурация веб-пакета для библиотек. js:
{
mode: λ.mode,
output: {
pathinfo: false,
},
plugins: [
new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
}),
],
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env'],
},
},
},
],
},
optimization: {
splitChunks: {
cacheGroups: {
default: false,
vendors: false,
vendor: {
chunks: 'all',
test: /node_modules/,
},
},
},
},
}
Конфигурация веб-пакета для страницы. js:
{
mode: λ.mode,
output: {
pathinfo: false,
},
plugins: [],
module: {
rules: [
{
test: /\.js$/,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env'],
},
},
},
],
},
optimization: {
namedModules: true,
namedChunks: true,
splitChunks: {
cacheGroups: {
default: false,
vendors: false,
vendor: {
chunks: 'all',
test: /node_modules/,
},
},
},
},
}