На статичном сайте используются нативные es6 модули.
<script type="module" src="./main.js"></script>
В отдельной сборке я хочу прогонять эти модули через babel для большей кроссбраузерности.
// webpack.conf…
На представленном ниже конфиге можно сбилдить js под ES5 либо под ES2015 +, но не могу сконфигурировать так, чтобы билдилось 2 файла, а не 1. Буду рад помощи! Для тех кто хочется потыкать есть репо – https://github.com/krovorgen/template-w…
babel.config.json
Где его взять? Он идет с установкой какого то пакета? или его нужно создать вручную? можно ли с помощью терминала?
I cannot understand why hot reload does not work, I think I have tried everything already. But the last hope is on you, maybe you will see what is wrong.
Hanging line in browser console
[HMR] Waiting for update signal from WDS…
package….
При запуске webpack получается файл main.js, со стрелочными функциями, не поддерживаемой IE 11:
(()=>{var t={55:function(t,e,r){var n,i;void 0===(i="function"==typeof(n=function(){return function t(e,r){var n=Array.isArray(r),…
Установил Webpack, установка прошла успешно но когда я в терминале ввожу команду webpack для того чтобы создался папка dist появляется ошибка
**webpack : Имя "webpack" не распознано как имя командлета, функции, файла сценария или…
Недавно начал изучение Webpack я понимаю что Webpack имеет много полезных фишек но я не понимаю зачем в ручную устанавливать babel, loader, react, react-dom затем разобраться с package.json если вместо этого просто можно использовать cre…
Начал изучение Webpack, в статье автор устанавливает Babel, babel-core, babel-loader и.т.д затем объясняет что к чему, вот текст из статьи
"babel-core: Преобразует код ES6 в ES5.
babel-loader: Помощник Webpack для транспайлинга кода, …
Создан сайт с использованием gulp. Беда в том, что в IE скрипты не работают, хотя вроде бы все нужное настроено. Сборку делал ведущий программист, но он сейчас не может помочь, к сожалению. Сам с GULP не работал, поэтому заранее благодарю …
Совсем недавно в этой сфере, поэтому задавать вопросы буду как умею 🙂
Использую переменную static в коде.
import {ExelComponent} from "@core/ExelComponent";
export class Formula extends ExelComponent {
// статическая – дост…
Вот код gulpfile.js:
let gulp = require(‘gulp’);
let minifyCss = require(‘gulp-minify-css’);
let jsmin = require(‘gulp-jsmin’);
let rename = require(‘gulp-rename’);
let babel = require(‘gulp-babel’);
gulp.task(‘mincss’, function(){
g…
Проблема заключается в том, что линтер babel-eslint ругается на приватные методы в классах: Parsing error: This experimental syntax requires enabling the parser plugin: ‘classPrivateMethods’.
Пробовал обновить babel-eslint до 11.0.0-beta.2…
Проект построен на базе шаблона https://github.com/SimulatedGREG/electron-vue
После устанвоки библотеки https://github.com/olefirenko/vue-google-autocomplete получил в консоли ошибку:
vm.js:88 Uncaught E:\tempgen\node_modules\vue-google-au…
У меня Angular приложение с функционалом выбора карты на которой юзер может выбрать точку доставки товара. Проблема в том что это не работает в IE – карта открывается, но не подгружаются пункты доставки + если увеличить или уменьшить карту…
С webpack знаком не так давно, возникло несколько проблем и основная из них – не собираются строчные функции и простые функции.
То есть, у меня есть JS код, который по клику выводит alert:
const authPost = function authPost() {
ale…
Добавил в свой проект Truncate-react после этого реакт попросил установить @babel/plugin-proposal-class-properties что я и сделал в package.json файле таким способом
“babel”: {
“presets”: [
“@babel/preset-env”,
“@babe…
Добавил в свой проект Truncate-react после этого реакт попросил установить @babel/plugin-proposal-class-properties что я и сделал в package.json файле таким способом
“babel”: {
“presets”: [
“@babel/preset-env”,
“@babe…
После компиляции, babel добавляет служебный метод:
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = v…
Есть проект и это голый html, css, js. И нужно внедрить ReactJS на определенную страницу, что бы оно работало как веб-приложение. Как мне это сделать не нарушив архитектуру сайта? Т.е эту страницу я перепишу под jsx, К этой странице уже п…
Я написал babel-плагин, который всем переменным с именем test присваивает число 777.
const babel = require(‘@babel/core’);
const code = `const test = ‘text’`;
const output = babel.transformSync(code, {
plugins: [
function myCust…
Написан серверный проект на NodeJS, используется штатный его синтаксис, хотелось бы подключить ES6 синтаксис в своём проекте, в частности import express from ‘express’ и т.д.
В проекте используется Express и SocketIO, в качестве API соотве…
Почему при выполнении этого кода
class NAME {
checkErrorMethods = () => {
console.log(‘test’)
}
}
выходит ошибка?
client:159 ./src/js/scripts.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Synta…
В проекте используется laravel-mix у которого в зависимостях package.json:
“dependencies”: {
“autoprefixer”: “^7.2.6”,
“babel-core”: “^6.24.1”,
“babel-loader”: “^7.1.1”,
“babel-plugin-transform-object-rest-spread”: “^…
Всем доброго времени суток.
После прогонки js файла через babel в начало созданого файла добавились функции require().
require(“core-js/modules/es.promise”);
require(“core-js/modules/es.promise.finally”);
require(“core-js/modul…
Как a babel добавить поддержку синтаксиса export * from “./another_file.js” ?
Подскажите какой плагин добавить? Четыре часа гугления не помогают
У меня такое происходит что у всех на разные компах в разных браузерах происходят ошибки которые у меня не выходят как верно от дебажить и что использовать для сборки проекта что бы избежать такого?
Babel and browserlist которые в реакте ю…
К новому react проекту установил react-leaflet, нужны карты. при запуске npm start, выдаёт ошибку:
“SyntaxError: D:\Development\JS\SnapServiceClient\snap_service_client\node_modules\react-leaflet\src\index.js: Support for the experimental …
Не могу понять причину ошибки, использую NUXT, появляется при переходе на любую страницу
VM78 content.js:9 Uncaught Error: only one instance of babel-polyfill is allowed
at Object.<anonymous> (VM68 content.js:9)
at Object.<anon…
Опробовал этот код на codepan и все работает отлично. Но после того, как я перегоняю его через babel выпадает ошибка. Ниже прикреплю код и скрины ошибки (Может плагин для async отдельный нужен, в общем подскажите пожалуйста
async function…
Получаю ошибку при запуске npm run dev (из книги):
class ChatApp{
constructor() {
socket.init(‘http://localhost:3001’);
}
}
и
let socket;
function init(url){
socket = new WebSocket(url);
}
export default{
init…
Свежие комментарии