Публикации по теме 'webpack'


0CJS - это не то, что вы могли подумать
Наша цель - упростить использование библиотек, но 0CJS - это не запуск одной волшебной команды для исправления всех проблем потенциального пользователя вашей библиотеки, это гораздо больше. Есть много аспектов успеха в создании хорошо написанного инструмента CLI, я не собираюсь останавливаться на всех этих аспектах, только три; Базовые параметры, абстракции и нулевая конфигурация . Исходные данные При описании базовой линии я имею в виду, что ваш инструмент должен иметь..

Статические и src / assets в шаблонах Vue CLI Webpack
Статический vs src / assets в шаблоне Webpack от Vue CLI Когда вы создаете новый проект с использованием шаблона «webpack», вы заметите два разных каталога для статических ресурсов в структуре проекта: «src / assets» и «static /». Если вы не знакомы с «веб-пакетом», вы запутаетесь. В этом коротком сообщении мы рассмотрим их варианты использования. Если вы хотите создать проект Vue, вам, вероятно, следует начать с некоторой основы, поэтому лучше всего использовать шаблон (шаблон,..

Еженедельник npm № 56: npm в JavaScript Air, команда CLI меняет частоту и упрощает зависимость…
Первоначально опубликовано 18 августа 2016 г. разговор босса зависимости на JavaScript Air Вчера npm был показан в популярном подкасте JavaScript Air для Эпизод 36: Управление зависимостями как босс 😎 . Бен Коу проделал фантастическую работу, рассказав об управлении зависимостями. Проверьте это! Ярги! Библиотека Node.js для пиратов, грабящих Интернет с помощью optstrings Если вы еще не сталкивались с яргами в своем опыте веб-серфинга, позвольте нам представить..

Устранение псевдонимов при импорте модуля для Webpack, Jest и VSCode
Никогда больше не копайте с помощью ` ./../../../.. `! Если масштабировать любой проект выше определенного уровня сложности, вы обнаружите, что перемещаетесь вверх и вниз по файловой системе в своих компонентах, пытаясь разрешить импорт. Вот как настроить псевдоним, чтобы упростить задачу. Если вы не знакомы с концепцией псевдонима, получается такой файл: import React from 'react' import { connect } from 'react-redux' import { someConstant } from './../../config/constants' import..

Webpack — настройка и загрузка файлов поставщиков, таких как bootstrap, font-awesome и т. д.
Webpack — настройка и загрузка файлов поставщиков, таких как bootstrap, font-awesome и т. д. Недавно я начал создавать приложение MEAN stack 2.0, чтобы догнать Angular 2. Я новичок в webpack и столкнулся с некоторыми проблемами при попытке использовать тему загрузки, fontawesome, jquery и т. д. Я подумал, что поделюсь некоторыми своими решениями со всеми. . Примечание. Сначала я выполнил шаги с сайта angular.io для настройки веб-пакета...

Использование Cypress для тестирования приложений React на основе веб-пакетов
Согласно их домашней странице , Cypress — это Быстрое, простое и надежное тестирование всего, что запускается в браузере. Он предлагает способ написания автоматизированных тестов пользовательского интерфейса на JavaScript и запускать их либо во время разработки, либо во время тестов непрерывной интеграции (CI). Он может генерировать скриншоты и даже видео тестовых прогонов и сообщать о результатах тестов в нескольких форматах. Присматриваюсь к Cypress больше года. Когда он..

Webpacker & Rails - согласованные хэши манифестов
При развертывании на нескольких экземплярах сервера мы столкнулись с несогласованными именами для наших пакетов css в файле манифеста пакета - public/packs/manifest.json Это вызывает проблемы в производстве при использовании балансировщика нагрузки с elasticbeanstalk, потому что запрос может быть перенаправлен на другой сервер при получении файлов css. Это приведет к сбою из-за несоответствия хэша, а также из-за того, что стили не загружаются и не обрабатываются, что приводит к..