Пользователь пока ничего не рассказал о себе

Наибольший вклад в теги

Все теги (2)

Лучшие ответы пользователя

Все ответы (5)
  • Как подружить Webpack + jQuery + jQuery plugins?

    Мне хватило подключить jQuery в plugin

    plugins: [
      new webpack.ProvidePlugin({
        $: "jquery/dist/jquery.min.js",
        jQuery: "jquery/dist/jquery.min.js",
        "window.jQuery": "jquery/dist/jquery.min.js"
      })
    ];

    (взял за основу рецепт отсюда)
    После чего в глобальной области видимости все три варианта вызова jquery будут работать, больше ничего подключать не надо.

    Сам jQuery я скачивал через bower, поэтому дополнительно подключил пути, где будут искаться модули
    resolve: {
            root: ['./bower_components']
        }

    в вашем случае, предполагаю 'bower_components' можно заменить на 'vendor' (путь будет от корня проекта).

    require('../../vendors/jquery.js') внутри blocks\slider\index.js уже не нужен будет, достаточно будет просто подключить файл jquery.slider.js
    Ответ написан
    Комментировать
  • Как правильно сегодня собрать браузерный ES6?

    - babel следует подключать по возможности всегда, хотя бы для обработки es7-8 фишек, которые вам понравятся, но еще не успели внедрить во все браузеры.
    - webpack можно подключить через gulp. Вполне можно выполнять отдельные такси с помощью gulp, а что-то обрабатывать с помощью webpack`а. Так же можно, например, запускать отдельные npm скрипты для выполнения параллельной или последовательной работы gulp и webpack. Особо полезные фишки webpack (имхо): tree shaking, [name][hash].ext корректное именование файлов на выходе, динамический импорт файлов.
    - делать отдельные сборки для старых и вечнозеленых браузеров можно. Подключать можно используя
    <script type="module" src="module.mjs"></script>
    <script nomodule src="fallback.js"></script>

    Подобный хак. Сначала подключаем сборку для браузеров, поддерживающих модули, и почти наверняка, весь es6 (e7-8 не обязательно, поэтому может потребоваться babel для транспилинга es7-8 в es6), а потом в качестве фаллбека подключаем файл в котором весь код преобразован в es5 (или ниже, если необходимо и возможно).
    Ответ написан
    2 комментария