Category: Babel

13
Фев
2022

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

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

31
Янв
2022

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

Изменения такого типа во всех файлах
До преобразования:
function _createForOfIteratorHelper(o, allowArrayLike) {
var it;

if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
if (Array.isArray(o) || (i…

19
Янв
2022

Добавление React в Gulp

Решил добавить в свою сборку react, но получаю ошибку :
gulp-notify: [JS] Error: Parse Error: Line 1: Illegal import declaration
[12:05:18] Finished ‘js’ after 150 ms
Notifications are disabled
Reason: DisabledForApplication Please make su…

18
Дек
2021

Как убрать iframe webpack-dev-server-client-overlay?

Извините, возможно очень глупый вопрос. У меня такая проблема, мой предыдущий проект был создан с vue cli, axios, vue router и vuex и теперь в моих новых react проектах мои ошибки высвечиваются по другому (в новом окне, в iframe) вот так:

14
Дек
2021

Как отключить проверку типов при сборке TypeScript для её ускорения?

Собираю в вебпаке, трансформирую ts в js, спомочью @babel/preset-typescript и файла tsconfig. Как сделать что бы сборка производилась без проверки типов, просто ts в js ?
Просто хочется иметь быстрый вариант сборки.

06
Дек
2021

Из Js(Babel) в Javascript

Подскажите как можно перейти из js(babel) в javascript
const modal = document.querySelector(‘.modal’);
const btnAddTask = document.querySelector(‘.btn-add-task’);
const btnCancelTask = document.querySelector(‘.btn-cancel-task’);
const iptT…

18
Ноя
2021

Не подключаются модули через Import

Уже сутки не могу понять почему у меня не работает или babel для gulp или я модули неправильно подключаю…
Ошибка в браузере такая:
Uncaught ReferenceError: require is not defined
at main.min.js:1

Подключаю модули так:
import focus_vis…

10
Сен
2021

Есть ли возможность прогнать нативные es6 модули через babel?

На статичном сайте используются нативные es6 модули.
<script type="module" src="./main.js"></script>

В отдельной сборке я хочу прогонять эти модули через babel для большей кроссбраузерности.
// webpack.conf…

31
Июл
2021

Разделение задач в webpack

На представленном ниже конфиге можно сбилдить js под ES5 либо под ES2015 +, но не могу сконфигурировать так, чтобы билдилось 2 файла, а не 1. Буду рад помощи! Для тех кто хочется потыкать есть репо – https://github.com/krovorgen/template-w…

06
Июл
2021

babel config json

babel.config.json
Где его взять? Он идет с установкой какого то пакета? или его нужно создать вручную? можно ли с помощью терминала?

03
Янв
2021

Имя "webpack" не распознано как имя командлета

Установил Webpack, установка прошла успешно но когда я в терминале ввожу команду webpack для того чтобы создался папка dist появляется ошибка
**webpack : Имя "webpack" не распознано как имя командлета, функции, файла сценария или…

01
Янв
2021

Webpack vs create react app

Недавно начал изучение Webpack я понимаю что Webpack имеет много полезных фишек но я не понимаю зачем в ручную устанавливать babel, loader, react, react-dom затем разобраться с package.json если вместо этого просто можно использовать cre…

01
Янв
2021

Что такое Пресет в Webpack

Начал изучение Webpack, в статье автор устанавливает Babel, babel-core, babel-loader и.т.д затем объясняет что к чему, вот текст из статьи
"babel-core: Преобразует код ES6 в ES5.
babel-loader: Помощник Webpack для транспайлинга кода, …

14
Дек
2020

Gulp сборка для IE11

Создан сайт с использованием gulp. Беда в том, что в IE скрипты не работают, хотя вроде бы все нужное настроено. Сборку делал ведущий программист, но он сейчас не может помочь, к сожалению. Сам с GULP не работал, поэтому заранее благодарю …

10
Окт
2020

Ошибка SyntaxError: Unexpected token

Проект построен на базе шаблона https://github.com/SimulatedGREG/electron-vue
После устанвоки библотеки https://github.com/olefirenko/vue-google-autocomplete получил в консоли ошибку:
vm.js:88 Uncaught E:\tempgen\node_modules\vue-google-au…

25
Сен
2020

Не работает Angular приложение в IE 9-11

У меня Angular приложение с функционалом выбора карты на которой юзер может выбрать точку доставки товара. Проблема в том что это не работает в IE – карта открывается, но не подгружаются пункты доставки + если увеличить или уменьшить карту…

17
Сен
2020

webpack. Сборка JS

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

29
Авг
2020

Есть сайт и нужно добавить на определенную страницу ReactJS

Есть проект и это голый html, css, js. И нужно внедрить ReactJS на определенную страницу, что бы оно работало как веб-приложение. Как мне это сделать не нарушив архитектуру сайта? Т.е эту страницу я перепишу под jsx, К этой странице уже п…

17
Июл
2020

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

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