Category: Webpack

24
Июл
2021

Проблема двойного клика в dev-server webpack

Подскажите, пожалуйста. Столкнулся с такой проблемой: начал переносить разработку сайта под webpack, сделал стандартный конфиг, всё хорошо работает, кроме одной детали, связанной с dev-server.
Есть функционал при клике:
**if(target.classLi…

19
Июл
2021

Подключение скриптов в Webpack

День добрый. При настройке вебпака столкнулся с проблемой, мои скрипты автоматически подключаются в , а не перед закрывающимся тегом . Для подключения скриптов использую html webpack plugin.
Конфиг вебпака:
const path = require(‘path’)
con…

10
Июл
2021

Настройка путей к картинкам в sass, используя webpack

Возникла небольшая проблема, я работаю с дев-сервером и sass лоадером в вебпаке. Когда указываю пути к картинкам через sass, не могу достучаться до них. Не понимаю, как решить такую проблему.
Настройки вебпака
const path = require(‘path’);…

29
Июн
2021

webpack devserver не обновляет страницу

Столкнулся с такой проблемой, при запуске дев-сервера, он обновляет страницу при любых действиях в js файлах и sass. Но, когда я вношу какие то изменения в html разметку, он, почему-то, не обновляет страницу.
Настройки дев-сервера в вебпак…

29
Июн
2021

webpack devserver не обновляет страницу

Столкнулся с такой проблемой, при запуске дев-сервера, он обновляет страницу при любых действиях в js файлах и sass. Но, когда я вношу какие то изменения в html разметку, он, почему-то, не обновляет страницу.
Настройки дев-сервера в вебпак…

28
Июн
2021

Как использовать API Google Maps вместе с Webpack?

Использую Google Maps в своём небольшом проекте с Webpack, и так получается что он вырезает необходимую мне строчку из HTML. Что можно добавить в Webpack, или может что-то другое сделать чтобы всё работало? Даже пробовал через JS добавлять…

28
Июн
2021

Как парсить локальный JSON файл?

Я использую WebPack и node.js. Моя задача – при нажатии на кнопку обновлять данные на странице, которые берутся из локального JSON файла (в последствии этот файл будет приходить из сервера, но пока упрощенный вариант). Если информация в фа…

23
Июн
2021

Изменение порядка js файлов в конечном bundle.js для Webpack 5

Всем привет, перевел свой проект с Webpack v4 на Webpack v5. Возникла проблема с webpack dev server.
При формировании bundle.js мой главный index.js выполняется перед некоторыми пакетами из webpack dev server, в следствии чего, если в inde…

21
Июн
2021

Как запустить сервер node js и открыть нужную html страницу?

Как запустить сервер node js и открыть нужную html страницу, если фронт собирается вебпаком? То есть без сервера я запускаю webpack serve и вижу index.html. А с сервером я запускаю node index.js, но index.hmtl я не вижу.
Ниже привожу код с…

21
Июн
2021

При сборке путь шрифтов генерируется не правильно. Как это исправить?

У меня тут такая проблема с webpack, что пути в font-face для шрифтов после сборки генерируются не правильно.
Вот так выглядит файл конфигураций:
module: {
rules: [
{
test: /\.js$/,
use: "babel-loader",

17
Июн
2021

Как установить дополнительную точку входа и получить возможность создать многостраничный сайт с множеством html css и js файлов?

const CopyWebpackPlugin = require(‘copy-webpack-plugin’)
const HtmlWebpackPlugin = require(‘html-webpack-plugin’)
const MiniCSSExtractPlugin = require(‘mini-css-extract-plugin’)
const path = require(‘path’)

module.exports = {
entry: p…

16
Июн
2021

Ошибка ‘Module not found:’ по конфигурации webpack

При конфигурации webpack вылезает ошибка. Пробовал менять false у tty http и fs на require.resolve() как у path но ошибок стало только больше. http fs tty и соответствующие -browserify установлены. Я новичек в webpack так что прошу подробн…

16
Июн
2021

Ошибка ‘Module not found:’ по конфигурации webpack

При конфигурации webpack вылезает ошибка. Пробовал менять false у tty http и fs на require.resolve() как у path но ошибок стало только больше. http fs tty и соответствующие -browserify установлены. Я новичек в webpack так что прошу подробн…

09
Июн
2021

В шаблонизаторе Handlebars не работает встроенный helper "log"

У меня есть проект на webpack с Handlebars. Я хочу использовать helper {{log "test"}}, но он не работает. С gulp тот же код работает и выдает результат в консоль. Так же не работает console.log и кастомном helper’e. Я не понимаю,…

08
Июн
2021

Как убрать конфликт между двумя React приложениями с билдованым через webpack+babel?

Введение:
Есть проект, над которым работают две фирмы одновременно (такая политика). Между разработчиками (фирмами) связь минимальная (скорость ответа от них как от доставки с Алиэкспресс). Мне необходимо разработать несколько крупных блок…