Вопрос. Ошибки в консоли.
Привет! Есть сайт, на определенных страницах которого подключаются js-плагины через CDN (типа swiper.js, lightgallery.js и т.д.). И есть пользовательские скрипты, в которых я эти плагины инициализирую, настраиваю и т.д. Они также подключаются на определенных страницах.
Так вот эти пользовательские скрипты я webpack-ом объединил в один бандл и подключаю на каждой странице. Вроде всё работает, но в консоли браузера всё равно выходят ошибки, так как бандл теперь на всех страницах подключается, а те скрипты, которые через CDN загружаются, не на всех страницах, а только там, где они нужны. Поэтому в консоли, на страницах, где, например, swiper.js (который CDN) не подключен, всплывают ошибки типа "Uncaught ReferenceError: Swiper is not defined". Хотя всё работает. Кто-нибудь знает как эти ошибки в консоли убрать? Вот мой webpack.config.js: const path = require('path'); module.exports = { devtool: 'source-map', entry: './app/src/index.js', output: { path: path.join(__dirname, 'dist'), filename: 'bundle.js', publicPath: '/dist/' }, module: { rules: [ { test: /\.js/, use: [ { loader: 'babel-loader', options: { presets: ["env", "stage-3"] } } ] } ] }, externals: { 'jquery': 'jQuery' } } Вот точка входа index.js: import $ from 'jquery'; import main from '../js/main.js'; main(); import home from '../js/home.js'; home(); import infrastructure from '../js/infrastructure.js'; infrastructure(); import managment from '../js/managment.js'; managment(); import services from '../js/services.js'; services(); import products from '../js/products.js'; products(); import fuelstations from '../js/fuel-stations.js'; fuelstations(); jQuery у меня через CDN подключается, поэтому указываю в externals. Предполагаю, что остальные плагины, которые тоже через CDN подключаются тоже нужно как-то указать, чтоб они при сборке учитывались, но в сам бандл не загружались. Думаю тогда и ошибок в консоли не будет. Помогите, что нужно сделать? В чем проблема? |
Часовой пояс GMT +3, время: 04:03. |