Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.12.2018, 23:48
Новичок на форуме
Отправить личное сообщение для oldeuboi Посмотреть профиль Найти все сообщения от oldeuboi
 
Регистрация: 15.11.2018
Сообщений: 3

Вопрос. Ошибки в консоли.
Привет! Есть сайт, на определенных страницах которого подключаются 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 подключаются тоже нужно как-то указать, чтоб они при сборке учитывались, но в сам бандл не загружались. Думаю тогда и ошибок в консоли не будет.

Помогите, что нужно сделать? В чем проблема?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сортировка массива с объектами на javascript sergiu920 Элементы интерфейса 2 07.12.2018 09:47
Как вывести ошибки для пользователя? Alan Events/DOM/Window 0 30.11.2018 11:01
Вопрос авторизации. 0931454574 Серверные языки и технологии 8 12.04.2011 11:09
Вопрос на миллион. Ajax и идентификация по адресной строке. 0931454574 AJAX и COMET 5 31.03.2011 11:54
Теоретический вопрос. gods33 (X)HTML/CSS 10 16.12.2010 23:49