Category: Webpack

17
Сен
2020

webpack. Сборка JS

С webpack знаком не так давно, возникло несколько проблем и основная из них – не собираются строчные функции и простые функции.
То есть, у меня есть JS код, который по клику выводит alert:
const authPost = function authPost() {
ale…

17
Сен
2020

Webpack – есть вопросы

не так давно почувствовал необходимость в использовании сборщиков, мой выбор пал на webpack.
Но появилась проблема со сборкой CSS и JS файлов, webpack собирает множество CSS файлов (sass, less) и множество JS файлов в один.
Как заставить е…

16
Сен
2020

Как передать и использовать props для однофайловых компонентов?

Есть однофайловый компонент parkInfo.vue, я пытаюсь передать с main.js, где регистрируется этот компонент, входной параметр park.
main.js тут регистрирую компонент
Vue.component(
"popup",
require("./vue-components/p…

15
Сен
2020

Webpack, MiniCssExtractPlugin, сборка в один файл

Использую MiniCssExtractPlugin для webpack.
Однако имею несколько источников css. Из-за чего при сборе в один файл я получаю ошибку о том, что файл уже существует. Это исправляется так: filename: ‘[name]OurStyles.js’,
Тогда все работает, н…

15
Сен
2020

Как избавиться от абсолютных путей в index.js webpack?

Есть простой проект созданный при помощи Electron-forge в файлах .webpack/main/index.js и .webpack/main_window/index.js присутствуют абсолютные пути от которых необходимо избавиться.
После сборки проекта в файле .webpack/main/index.js появ…

06
Сен
2020

Настройка стилей после загрузки страницы

Собираю проект через webpack. Когда открываю страницу – вместо анимации "выплывания" текста происходит настройка стилей, таких как увеличение размера текста, закругление углов кнопки и т.д(указывал в стилях transition:1s, суть ан…

06
Сен
2020

Настройка стилей после загрузки страницы

Собираю проект через webpack. Когда открываю страницу – вместо анимации "выплывания" текста происходит настройка стилей, таких как увеличение размера текста, закругление углов кнопки и т.д(указывал в стилях transition:1s, суть ан…

30
Авг
2020

Настройка стилей после загрузки страницы

Собираю проект через webpack. Когда открываю страницу – вместо анимации "выплывания" текста происходит настройка стилей, таких как увеличение размера текста, закругление углов кнопки и т.д. Я так полагаю это из-за того, что стили…

26
Авг
2020

Как запустить свой сервер node.js с React

Я пытаюсь соединить свой сервер node.js с React приложением. Я уже настроил webpack, но не знаю, как запустить его с моего сервера. Возможно ли это без использования express.js?
Сейчас у меня просто рендерит index.html без других страниц, …

24
Авг
2020

Gulp создает новую папку dist

При сборке проекта gulp копирует измененный файл в новую папку dist. К имени этого файла добавляется ‘dev’.

Всё это нормально компилируется в основную, главную папку dist, но если долго работать со сборкой, появляется очень много таких во…

21
Авг
2020

Как дебажить js после сборки в webpack

товарищи! Впервые настроил webpack, собираю js из модулей в один файл. Столкнулся с вопросом, как собственно дебажить получившийся код?
Есть sourcemap, через который видно в каком модуле ошибка, но как например поставить брейкпоинт и пробе…

18
Авг
2020

Ошибка при сборке Webpack (Errors while compiling. Reload prevented.)

Пытаюсь понять в чем проблема с относительными путями в css. В react-компонент я добавляю css-файл где прописан путь к картинке
данный путь выдает ошибку (много разных путей пробовал и ../, ../../, ./ ошибка одна)
background-image: url(‘./…

10
Авг
2020

Чем отличается установка официального React от этого туториала. Спойлер: вопрос глупый

Непомню как у меня появился этот вопрос, но я устанавливал React в папку с помощью официального туториала
npx create-react-app my-app
cd my-app
npm start

Но почему то я вспомнил про все эти webpack и babel, и тут попалась статья как начат…

23
Июл
2020

webpack.config.js синтаксис

встретил такие вот строки, что значит троеточие, в данном фрагменте
plugins: [
new webpack.HotModuleReplacementPlugin(),
…htmlArray,
]

Все работает, все собирается, начал разбирать и уже голову сломал что это может значить.

17
Июл
2020

Использование ES6 в серверном проекте на NodeJS

Написан серверный проект на NodeJS, используется штатный его синтаксис, хотелось бы подключить ES6 синтаксис в своём проекте, в частности import express from ‘express’ и т.д.
В проекте используется Express и SocketIO, в качестве API соотве…

16
Июл
2020

Ошибка при сборке webpack

Проблема такая, у меня при клонировании репозитория и установки зависимостей все работает, у другого человека нет, думал дело в глобальных пакетах которые установлены у меня, но у меня
У другого человека при установке зависмостей и запуск…

15
Июл
2020

Есть ли способ использовать vue как генератор html шаблонов?

Я сейчас занимаюсь созданием некого стартового шаблона на webpack для себя и маленькой команды. Моя основная цель это создание HTML шаблона без включения Vue в клиентскую сторону. Я попробовал использовать handlebars но он не идет в сравне…