Публикации по теме 'webpack'
Сервер разработки Webpack для гибкого dx
Я работал над страницей, состоящей из нескольких проектов javascript с разными зависимостями и конфигурациями. В целом, эти проекты компилируются до одного js-ресурса для конкретного проекта для соответствующего пути.
Один из моих любимых пакетов для webpack — webpack-dev-server. К сожалению, это невозможно использовать для нескольких проектов одновременно. Поэтому я использовал API узла веб-пакета и экспресс-сервер для создания сервера разработки, который работал для нескольких..
Заставляем плагин Webpack i18n работать с шаблонными строками и переменными
Плагин Webpack I18n - отличный небольшой инструмент, который позволяет вам создавать версии вашего контента на нескольких языках. Используя функцию мультипилятора Webpack, он создает несколько пакетов, обращаясь к различным переводам в зависимости от вашей конфигурации.
Чтобы представить это в контексте, в приведенном ниже примере показано, что содержимое журнала консоли будет варьироваться в зависимости от того, какой вывод вы просматривали, но исходный JavaScript ( app.js ) остается..
Битва с Mangle Property Minify и Babel Compile
2–3 года назад мы обычно использовали компилятор закрытия Google для обработки процесса сжатия кода javascript. как только вы включите предварительное сжатие, это принесет много перерывов в производственном коде. люди очень осторожны при ведении белого списка для всех ключей, которые вы не хотели бы испортить. например, собственные API, некоторые свойства из результата ответа и т. д.
сегодня приветствуется UglifyJS (даже сопровождающий отказался от работы над ним прямо сейчас) больше..
Пример веб-пакета: Часть 2
Эта статья является частью серии (начиная с webpack By Example: Part 1 ) статей, в которых с помощью ряда все более сложных примеров исследуются назначение и функциональность webpack. Файлы конфигурации и исходный код примеров доступны в виде репозитория GitHub.
Примеры в этой статье посвящены включению CSS и ресурсов (например, изображений) в наши проекты.
требуется
Прежде чем мы рассмотрим включение файлов CSS в наш проект, мы разделим наш код JavaScript на два файла и будем..
Как разделить внешние стили на именованные пакеты в angular
Как известно, мы можем включать любые внешние стили в наше приложение angular, добавляя их в массив стилей в нашем файле angular.json:
"styles": [
"styles/bootstrap.scss",
"styles/app.scss",
"styles/some-other-style.scss"
]
Это сгенерирует один файл CSS после завершения сборки ng-cli (ng build):
dist/styles.‹некоторые-случайные-хэши›.css
В производственной сборке angular генерирует случайный хэш для очистки кеша браузера. Если что-то изменится в нашем пакете, новый хеш будет..
Я ненавидел Webpack… Пожалуйста, не надо.
Я ненавидел Webpack… Пожалуйста, не надо.
являетесь ли вы фронтенд-разработчиком или бэкенд-разработчиком, возможно, вы сталкивались с ситуацией, когда оказываетесь обязаны внедрить что-то новое в свою работу…
Не только потому, что его используют все остальные, но и потому, что кажется, что он становится стандартным (или необходимым) инструментом на рынке.
История для меня началась, когда я обновил свой веб-фреймворк (Ruby on Rails) до последней версии (версия 6 RC-1 в то время),..
Замена горячего модуля
Допустим, во время разработки ваше приложение открыто в окне браузера, и вы перешли на страницу или состояние шага 3 какого-то многоэтапного процесса, когда вы понимаете, что вам нужно изменить какой-то стиль или некоторые функции модуля, используемого в шаг 3.
Обычно это означало бы без веб-пакета: в редакторе вы вносите необходимое изменение кода в файл модуля, сохраняете его, перекомпилируете / перекомпилируете приложение и обновляете браузер, который перезагружает приложение. и вам..
