Публикации по теме 'webpack'
Сожмите пакеты веб-пакетов еще больше, извлекая помощников Babel
Если вы используете webpack, Babel и React (или CxJS или Angular), вы, вероятно, имеете дело с большим количеством классов. ES6 имеет приятный синтаксис классов, но за него приходится платить. Чтобы все работало в старых браузерах, вы, вероятно, используете Babel для компиляции кода, поэтому давайте посмотрим, что делает Babel.
ES6:
class MyComponent extends React.Component {
}
ES5:
“use strict”;
function _classCallCheck(instance, Constructor) { if (!(instance instanceof..
Что такое вебпак?
В одной строке: Это инструмент сборки и сборщик модулей, который помогает нам управлять нашим кодом .
Да, я слышу, как ваш разум говорит: «Но что вы имеете в виду?»
Позвольте мне начать с примера:
Давайте рассмотрим простой HTML-контент. В приведенном выше примере я импортировал два файла сценария и два файла CSS. Для простоты рассмотрим только файлы сценариев.
Если вы посмотрите на app.js, там есть переменная кнопки (secretButton). Я обращаюсь к этой переменной и..
Псевдонимы Webpack сохраняют мой код в здравом уме
Псевдонимы Webpack сохраняют мой код в здравом уме
Как правильно разрешать относительные пути в JavaScript и TypeScript с помощью псевдонимов webpack.
Из-за ошибок в ссылках разработчики выглядят плохо
Если бы вы спросили меня, какие из наиболее распространенных ошибок в базовой веб-разработке, я бы, не задумываясь, сказал вам, что справочные ошибки являются одними из самых серьезных. Независимо от того, связаны ли они с переменными или импортом пакетов, я сталкиваюсь и решаю..
100 самых популярных вопросов от Frontend-разработчика.
Вы нанимаете для своей компании или проекта и не знаете, что спросить у Frontend-разработчика?
В последнее время меня просили взять несколько интервью и знаете что? Я понял, что у меня нет вопросов. Итак, вот список, который я подготовил для себя, и он также может помочь вам в следующий раз, когда вы пойдете на собеседование.
Примечание. Эти вопросы не предназначены для поддержки какого-либо конкретного уровня карьеры, это общие вопросы. Пожалуйста, выбирайте с умом и то, что для вас..
Долгосрочное кэширование с помощью веб-пакета и шаблонов
Суббота, 22 апреля 2017 г.
Срок действия ваших ресурсов CSS и JS в далеком будущем гарантирует, что посетители загружают их из кеша как можно чаще, повышая скорость страницы и снижая затраты на пропускную способность. Но бывает сложно заставить посетителей загрузить новую версию до истечения срока действия старой. CDN усиливает проблему. Когда вы распространяете свои активы в CDN, такой как Cloudfront, серверы CDN по всему миру запрашивают новую копию только после истечения срока..
[NPM] Как работать с локальными пакетами
Если вы часто работаете с локальными пакетами или используете lerna для управления несколькими пакетами в родительском репозитории, вам нужен простой способ импортировать эти пакеты в любой проект. Я вкратце изучил некоторые из наших вариантов достижения этой цели, сохраняя при этом последовательность и удобство для участников.
Мне больше всего нравится последний вариант, но и первый во многих случаях хорошо справляется со своей задачей (особенно если его быстро выполнить без..
Оптимизация производительности приложений React
React, пожалуй, самый популярный фреймворк Javascript за последнее время. Он предоставляет инженеру очень простой API для разработки совместно используемых компонентов, а также одностраничных приложений. Объединение контейнера, такого как Redux, или концепции потока данных Flux делает React еще более мощным.
Мне было интересно (а иногда и сложно) когда дело дошло до оптимизации производительности React.
В общем, есть несколько углов, которые мы могли бы решить. Некоторые из..
