Category: Webpack

30
Июн
2020

Как отправить данные из формы на почту c помощью node.js

У меня есть обычная webpack сборка со статикой в виде html формы. Я хочу данные из формы отправить на почту, я копал в сторону express js, но у меня не получилось завести самостоятельно express с webpack.
По документации webpack https://w…

30
Июн
2020

Как создать подобную структуру?

Как сделать такую структуру в конечном варианте? Что бы стили были в папке стилей, js в папке скриптов и html в корне?

Сейчас у меня такая структура:

Мой конфиг:

const path = require(‘path’);
const { CleanWebpackPlugin } = require(‘c…

29
Июн
2020

После сборки webpack’om файл index.html открывается в браузере пустой

Такое ощущение, как будто не подцепляется файл со скриптом, хотя он прописан. При запуске webpack dev server всё работает. Мб для окончательной сборки нужно тоже, чтобы был какой-то сервер?
webpack.config.js:
const path = require(‘path’);

29
Июн
2020

Некорректная работа import/export js

Собираю скрипты webpack’ом, использую модули. Давно не писал код и некоторые моменты подзабыл. Раньше делал вот так в модулях: function clock() { // code } module.exports = clock; и вот так в index.js: $(function() { let clock = require(‘….

24
Июн
2020

Большой размер js бандла при использовании Webpack+TS+crypto-js

Простой код с одной лишь библиотекой crypto-js весит около 700кб.
Снизить его никак не получается. Пробовал стандартный минимайзер, UglifyJS и Сlosure. Сборка с –mode production. Вижу, что помимо этой библиотеки, при сборке, добавляется е…

24
Июн
2020

Как решить ошибку Modernizr и Webpack?

Доброе время суток. В проекте испольную плагин gray для кроссбраузерности фильтра greyscale (будь не ладен этот ИЕ), который в свою очередь использует Modernizr. при сборке проект получаю такую ошибку:

"погуглив" узнал что сущес…

23
Июн
2020

Как выбрать файлы, которые лежат на любом уровне вложенности?

test/**/*

Данная строка выбирает файлы, которые лежат в папке и вложенной в неё папке. Но как выбрать файлы, которые лежат во всех вложенных папках, если уровней вложенности будет много?

23
Июн
2020

webpack разные точки входа

Я хочу создать файлы index.html и card.html, в которые будут подключаться index.js и card.js соответсвенно. Ссылка на github
Но у меня получается так, что в каждом html файле подключаются все javascript файлы, а также весь css
<script t…

22
Июн
2020

Не генерируются sourcemaps

Собрал свою сборку для разработки фронта, gulp для стилей, картинок и тд, webpack для js. Работают они через webpack-stream. Также в проекте использую typescript. Проблема в том, что неправильно генерируются sourcemaps
Вот таск для сборки …

21
Июн
2020

Как сравнить хеши сборки в react js на продакшене для очистки кеша если версии отличаются?

Всем привет, у меня такая задача:
При изменении версии build удалить кеш.
Я работаю с уже настроенным webpack и вариантом решение этой задачи я увидел сравнения хеша, у меня уже зашито что во время сборки ставится уникальный хеш.
output: {…

11
Июн
2020

Как заставить SCSS переопределить дочерние классы, используя конструкцию: local?

Я использую библиотеку AntDesign. Я беру оттуда компонент Select, заключаю его в блок и хочу переопределить некоторые классы. Вот как я это делаю:

select.tsx

import React from “react”;
import { Select } from ‘antd’;
import s from ‘./sty…

08
Июн
2020

Загрузить изображение в React JS

Мне нужно загрузить локальный JPG-файл, путь к которому передаётся через props компонента. Пытаюсь это сделать, используя require, но изображение не показывается. Выведя полученный объект в консоль, обнаружил, что был получен модуль:

Modu…

04
Июн
2020

Не загружаются картинки [object Module] Vue ssr webpack

Делаю сайт использую vue ssr. Стартовый шаблон.

В режиме разработки( и соответственно в проде) картинки не грузятся.
Через инспектор видно следующие:

<img src=”[object Module]”/>

Картинки храню в каталоге – src/assets.
В компон…

31
Май
2020

Автоматическая инъекция стилей при их подключении в webpack

Я указываю стили как модули, что бы явно описать зависимость js файла от стилей.

Я хочу, что бы при подключении стилей (require(‘file.css’)), они автоматически внедрялись на страницу.

Загрузчик style-loader делает это. Но я хочу использо…

25
Май
2020

Как сделать модульный css с помощью webpack, без использования create-react-app?

Как сделать модульный css с помощью webpack без использования create-react-app?

Если создавать приложение через create-react-app, то поддержка модульного css включена сразу
не нужно ничего шаманить, просто создать файл и импортировать ег…

23
Май
2020

Webpack react настройка папки с картинками

Помогите пожалуйста настроить file-loader так, чтобы в проекте с такой структурой

можно было вызвать изображение из папки public подобным образом:

<img src={“/images/globalx_logo.svg”} className=”globalx-logo”/>

В попытках что …

12
Май
2020

WebPack Как исключить папку из сборки?

WebPack Как исключить папку из сборки?

У меня есть изоморфное React прилжоение. На сервере оно рендерит данные из базы данных напрямую, а на клиенте должно к api запросы давать.

в мной написанной функции useQuery({}) я использую изоморфн…

24
Апр
2020

Async. Перестает работать код после прогонки через webpack babel

Опробовал этот код на codepan и все работает отлично. Но после того, как я перегоняю его через babel выпадает ошибка. Ниже прикреплю код и скрины ошибки (Может плагин для async отдельный нужен, в общем подскажите пожалуйста

async function…