Category: Webpack

12
Май
2022

Как настроить webpack в проекте

Всем привет, я только начал изучать webpack. У меня появился вопрос касаемо подключения скриптов к html страницам.
У меня есть стандартная конфигурация. В webpack конфиге мы имеем entrypoint javascript файл, после этого с помощью плагина h…

12
Май
2022

dependencies и devDependencies работа с зависимостями

Не уверен что правильно понимаю как работают зависимости пакетов.
dependencies – то что необходимо в продакшене (всякие плагины, библиотеки), devDependencies – то что необходимо, для сборки проекта (минификаторы, транспиляторы, компиляторы…

12
Май
2022

dependencies и devDependencies работа с зависимостями

Не уверен что правильно понимаю как работают зависимости пакетов.
dependencies – то что необходимо в продакшене (всякие плагины, библиотеки), devDependencies – то что необходимо, для сборки проекта (минификаторы, транспиляторы, компиляторы…

11
Май
2022

Указание глобальных функций в app.js вебпака npm

Подскажите, пожалуйста, как мне задать глобальные функции в файле app.js (в котором я импортирую все свои файлы), чтобы я один раз их вызвал там, например, функцию $ и больше нигде не инициализировал её? Сейчас во всех своих файлах .js я у…

02
Май
2022

Глобальная область видимости для модулей Webpack, JS

У меня есть модули которые мне нужно подключать во многих файлах, я могу сделать это в каждом файле по отдельности подключая их через export import но могу ли я подключить их в глобальную область один раз?
Как бы я хотел это видеть
utils.j…

02
Май
2022

Глобальная область видимости для модулей Webpack, JS

У меня есть модули которые мне нужно подключать во многих файлах, я могу сделать это в каждом файле по отдельности подключая их через export import но могу ли я подключить их в глобальную область один раз?
Как бы я хотел это видеть
utils.j…

26
Апр
2022

Gulp and Webpack. Проблема с Async/Await

Настроил Gulp и подключил к нему Webpack с помощью WebpackStream, когда пытаюсь скомпилировать JS файл с Async функцией появляется такая ошибка:

Без Async функции с Promise работает всё ок. Пытался пофиксить проблему явным добавлением ent…

26
Апр
2022

Правильно ли я разделяю подключение js файлов через webpack

Мне необходимо к 2 или более страницам подключить разные js файлы через webpack, я нашел решение, но хотелось бы узнать насколько оно правильное и есть ли еще какие-нибудь решения этого?
В точках входа я определяю отдельно каждый js файл
m…

23
Апр
2022

import * as $ или import $

Подключаю jquery в webpack. Оба случая работают, но как лучше писать?
import * as $ from ‘jquery’; // 1
import $ from ‘jquery’; // 2

$(function () { alert(‘hello world’) }); // Работает в обоих случаях

19
Апр
2022

_src_module__WEBPACK_IMPORTED_MODULE_0__ is not a function

Экспортирую функцию из файла module.js.
При обычном импорте появляется ошибка, что доступен только default export.
При импорте через default, возникает ошибка, что импортированная функция не является функцией.
Использую webpack5

С чем …

19
Апр
2022

_src_module__WEBPACK_IMPORTED_MODULE_0__ is not a function

Экспортирую функцию из файла module.js.
При обычном импорте появляется ошибка, что доступен только default export.
При импорте через default, возникает ошибка, что импортированная функция не является функцией.
Использую webpack5

С чем …

18
Мар
2022

Циклическая завимисоть в форме

Я столкнулся с частой проблемой. У меня есть пошаговая форма, и хочу унивресально переключать шаг с помощью функции goToStep(НОМЕР_ШАГА), но внутри функции я ипортирую сами шаги. Подскажите как сделать лучше, чтобы не было циклической зави…

28
Фев
2022

React router с webpack – ошибка No routes matched location "/project_one/dist/index.html?_ijt=rokiefvj8cjmatb7g9en71lfgk&_ij_reload=RELOAD_ON_SAVE"

При отрисовки страницы в консоли выпадает такая ошибка – No routes matched location "/project_one/dist/index.html?_ijt=rokiefvj8cjmatb7g9en71lfgk&_ij_reload=RELOAD_ON_SAVE"
Webpack – 5 версии, react router – 6, еще подключен…

28
Фев
2022

React router с webpack – ошибка No routes matched location "/project_one/dist/index.html?_ijt=rokiefvj8cjmatb7g9en71lfgk&_ij_reload=RELOAD_ON_SAVE"

При отрисовки страницы в консоли выпадает такая ошибка – No routes matched location "/project_one/dist/index.html?_ijt=rokiefvj8cjmatb7g9en71lfgk&_ij_reload=RELOAD_ON_SAVE"
Webpack – 5 версии, react router – 6, еще подключен…

18
Фев
2022

Webpack 4 не помещает папку с изображениями в сборку dist

Все доброго дня. Сегодня я столкнулся с проблемой. У меня вебпак не собирает изображение. Все вроде сделал правильно, но что то идет не так. Буду благодарен любой помощи
//webpack.config.js
const webpack = require(‘webpack’);
const…

13
Фев
2022

Почему после сборки webpack`ом проекта с помощью babel получаю jsx файл вместо js

В папке билд получаю jsx файл который является тупо копией входного файла index.jsx. Создает 2 файла html, стили вообще не собрал и на конец в main.bundle.js ничего нету (Ошибок консоль не выдала, все нужные пакеты установлены ) В чём може…

01
Фев
2022

Не запускается проект после установки Webpack. Что-то в JS пошло не так [закрыт]

Была верстка с JS файлом. Работало все: модальные окна, таймеры, табы и прочее…Разобрал основной файл JS на отдельные модули, прописал в основном пути к ним. Поставил Webpack. После запустил в консоле (GitBash) Webpack и сервер.
Верстка …

21
Янв
2022

Генерация sitemap на vue. При использовании vue-cli-plugin-sitemap получаю ошибку SyntaxError: Invalid or unexpected token

Используя vue-cli-plugin-sitemap получаю ошибку:
src\pages\index.vue:1

<template>
^

SyntaxError: Invalid or unexpected token

Может кто-нибудь подскажет альтернативный способ создания sitemap без ssr на vue?
vue.config.js
r…

16
Янв
2022

Webpack | Почему при внесение изменений в SCSS генерирует абсолютный путь, вместо относительного?

Постараюсь в кратце объяснить суть проблемы.
При запуске devServer и просмотре её на локалхосте всё гуд.
Путь стилей имеет вот такой вид
main.a40916b9fae2171ef97d.css
Но как только я внесу изменений в SCSS и сохраню их, ссылка на стиль пер…