Вышел Webpack 4 Legato

Автор: admin от 1-03-2018, 17:35, посмотрело: 237

Мы рады сообщить, что сегодня стал доступен webpack 4 (Legato).

Его можно скачать через npm или yarn, выполнив:



$> yarn add webpack webpack-cli --dev


или



$> npm i webpack webpack-cli --save-dev

Категория: Операционные системы / Android

 

Webpack 4, import() и CommonJS

Автор: admin от 20-02-2018, 09:20, посмотрело: 266

Webpack 4, import() и CommonJS

В javascript много забавного. У одного из самых популярных в мире языков программирования до сих пор нет стабильного синтаксиса разбиения кода на части. То есть в стандарте синтаксис ESM с «import» наперевес уже есть, но в браузерах и ноде он спрятан за флагами, а в вебпаке его поддержка появилась совсем недавно во 2-й версии. Добавим к этому миграцию ноды и вебпака с CommonJS «require» на ESM «import» и полмиллиона пакетов NPM, подавляющая часть которых использует CommonJS. Немного разобраться с зоопарком поможет вышедшая на прошлой неделе статья от автора Webpack, адаптированнй перевод которой ждет вас под катом.

Категория: Программирование

 

Laracon 2017 — краткий обзор и куча полезных ссылок

Автор: admin от 4-08-2017, 21:35, посмотрело: 340

Laracon 2017 — краткий обзор и куча полезных ссылок



Я побывал первый раз на конференции Laracon лично и, должен сказать, я получил там весьма приятный опыт — возможно, даже более приятный, чем я ожидал. Конференция была хорошо организована и доклады были разнообразными, информативными и действенными. Первый день был посвящен техническим вопросам и в основном вращался вокруг Laravel. Второй день был разбавлен выступлениями на самые разные темы, довольно занимательными и заставляющими задуматься.

->

Категория: Программирование

 

WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha

Автор: admin от 19-07-2017, 00:00, посмотрело: 803

На этой неделе вышло большое обновление WebStorm. В этом посте мы расскажем подробнее о том, какие улучшения ждут javascript-разработчиков в WebStorm 2017.2 и других IDE JetBrains версии 2017.2.



Вы можете прочитать подробнее о WebStorm 2017.2 и скачать его на нашем сайте.



Улучшения в поддержке javascript и TypeScript



Move symbol



Новый рефакторинг Move symbol переносит классы, глобальные функции и переменные из одного javascript или TypeScript файла в другой. IDE автоматически добавит экспорт и обновит ES6-импорты в файлах, где используется этот символ.



Чтобы вызвать этот рефакторинг, поставьте курсор на символ в ES6-модуле и нажмите F6.



WebStorm 2017.2 – что нового в поддержке JavaScript, TypeScript, Angular и Sass и работе с ESLint, Karma и Mocha
->

Категория: Программирование / Веб-разработка

 

Phoenix Framework – Webpack вместо Brunch, деплой с помощью Distillery и немного systemd

Автор: admin от 26-06-2017, 08:30, посмотрело: 426

Phoenix Framework – Webpack вместо Brunch, деплой с помощью Distillery и немного systemd


Эта статья является попыткой автора свести воедино в виде небольшого руководства несколько тем, с которыми, так или иначе, сталкиваются практически все разработчики веб-приложений, а именно – работа со статическими файлами, конфигурациями и доставкой приложений на сервер. На момент написания этого текста, последней стабильной веткой Phoenix Framework была ветка 1.2.х.


Кому интересно, почему не Brunch и как совместить миграции с Distillery – прошу под кат.

Категория: Программирование / Веб-разработка

 

Нативные EcmaScript модули: новые возможности и отличия перед webpack

Автор: admin от 7-06-2017, 10:35, посмотрело: 359

Нативные EcmaScript модули: новые возможности и отличия перед webpack


В предыдущей статье Нативные ECMAScript модули — первый обзор я рассказал историю javascript модулей и текущее состояние дел реализации нативных EcmaScript модулей.


Сейчас доступны две реализации, которые мы попробуем сравнить с бандлерами модулей.

Категория: Программирование / Веб-разработка

 

Почему не работает Tree Shaking и как с этим жить

Автор: admin от 5-06-2017, 15:10, посмотрело: 237

Почему не работает Tree Shaking и как с этим жить

В нашей предыдущей статье про голосовых ботов для Рокетбанка хабраюзеры возмутились, что в 2017 году примеры javascript для облака Voximplant написаны на ES5. У нас в облаке сильно модифицированный SpiderMonkey, специально обученный не течь и не падать. Тысячи одновременных звонков с параллельно выполняемым javascript как бы намекают, что нода – для нас не вариант. Тем не менее, никто не мешает использовать транспайлеры, компилировать ES2017/TypeScript/Elm/Whatever в старый добрый javascript и загружать результаты компиляции с помощью Continuous Integration. При таком раскладе возникает соблазн использовать все последние достижения из npmjs, собирая весь код в один ES5 бандл. И вот тут нас ждет засада: даже один метод из lodash дает на выходе бандл размером в полмегабайта. И не похоже, чтобы рекламируемый последние пару лет tree shaking работал.

кто виноват и что делать?

Категория: Программирование / Веб-разработка

 

Must see: видеозаписи митапа MoscowJS 37

Автор: admin от 31-05-2017, 16:00, посмотрело: 333

Must see: видеозаписи митапа MoscowJS 37


В четверг, 25 мая, в офисе Avito прошла очередная встреча сообщества фронтенд-разработчиков MoscowJS. Обсуждали отладку анимации, создание WebGL визуализации, сборку webpack’ом и код-ревью. Сегодня публикуем видеозаписи докладов — профессионалам будет интересно. Приятного просмотра!

Категория: Программирование / Веб-разработка

 

SVG спрайт с webpack одной строкой

Автор: admin от 2-05-2017, 01:50, посмотрело: 891

Пару дней назад вышла полностью обновлённая версия svg-sprite-loader — webpack лоадера для создания SVG спрайтов. Внутри я подробно рассскажу о том как он работает и чем облегчает жизнь разработчику.

Категория: Программирование / Веб-разработка

 

Что взять за основу React приложения

Автор: admin от 10-03-2017, 08:10, посмотрело: 385

Каждый раз начиная писать React приложение, вы так или иначе выберите какой-то вариант:



  • копи-паст вашего предыдущего проекта

  • какой-то бойлерплейт или даже генератор (типа Yeoman)

  • готовый фреймворк не требующий конфигурации

  • пишете сами все с нуля


Каждый из способов имеет свои сильные и слабые стороны, как на длинной, так и на короткой дистанции.


Некоторые решения скрывают сложность в начале, позволяя сделать быстрый старт. Это что-то вроде решения под ключ, но в результате такие решения могут оказаться недостаточно гибкими и сложными в подстройке. С другой стороны, в начале все может казаться слегка монструозным и неповоротливым, и чтоб начать нужно немного повозиться, но зато потом преимущества станут очевидными. Всегда есть возможность сделать все с нуля, ровно так, как хочется, но в таком случае Вы будете отвечать за бесчисленные аспекты и Вам потребуются очень глубокие знания во всех участвующих технологиях.

Категория: Программирование / Веб-разработка

 
Назад Вперед