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


Создание VueJS (с TypeScript) SPA в ASP.Net Core 2.1
Как вы, возможно, уже знаете, в Visual Studio 2017 v15.3 + вы можете выбирать шаблоны веб-приложений только для Angular, React и React + Redux. Однако VueJS недоступен. Он был удален из-за ограниченного числа сопровождающих, но теперь он вернулся, по крайней мере, из командной строки. dotnet new --install Microsoft.AspNetCore.SpaTemplates::* Теперь, если вы перечислите их, вы увидите, что VueJS доступен. dotnet new -l Итак, вот оно. Но подождите, в этом шаблоне..

Универсальный рендеринг с помощью babel-plugin-webpack-loaders
Универсальный рендеринг — это круто. Тем не менее, это также проблема, связанная с различными требованиями на стороне сервера. Зависимые файлы ресурсов, такие как css или ресурсы изображений, не могли быть импортированы как рендеринг на стороне сервера с помощью дефолт. babel-plugin-webpack-loaders — отличный плагин для Babel. Он использует систему загрузчика webpack для правильного анализа ресурсов. После того, как вы установите его, вы можете настроить плагин в .babelrc или..

Скопируйте все изображения / файлы в папку с помощью copy-webpack-plugin
В предыдущих уроках мы видели, как использовать url-loader и file-loader , которые позволяют webpack объединять / упаковывать изображения, используемые в нашем веб-приложении. Чтобы webpack знал, какие изображения использует наше приложение, мы должны сообщить webpack об этих изображениях как о наших зависимостях, импортировав / потребовав файлы изображений где-нибудь в наших зависимостях javascript, например import homeIcon from '../images/home.png'; С webpack , позволяющим нам..

webpack и реальная среда интерфейса для Rails
Основному проекту Neighbourly на Rails уже более 4 лет. Многие люди в команде потратили много времени, пытаясь получить лучший внешний интерфейс, используя соглашения Rails. Фреймворк советует выбирать между двумя разными способами использования внешних библиотек: Сохранение исходника в vendor/assets. Требуется RubyGem, который в конечном итоге сделает это за вас, в то же время пользуясь поддержкой версий Bundler. Честно говоря, обновлять зависимости вручную — отстой. Если вы..

Настройка нескольких проектов с помощью Webpack
До недавнего времени наша команда придерживалась привычки создавать разные репозитории git для каждого проекта. Это казалось естественным, поскольку у них были бы отдельные циклы выпуска, другой набор зависимостей и т. д. Проблема, которую я и моя команда начали ощущать при таком подходе, заключается в том, что количество отдельных, но связанных между собой приложений и сервисов, которые мы создаем, растет. , это становится запутанным процессом разработки. Даже небольшие потоки требовали..

Разделить файл сборки администратора с помощью Webpack 2 + React-Router
Мы решили написать админку для нашего веб-приложения . Чтобы предотвратить увеличение размера файла сборки, мы можем написать другое приложение для раздела администратора. Написать другое приложение - действительно безумная идея. Есть еще одно решение: частичная загрузка для страниц администратора (отдельный файл сборки для администратора). Частичная загрузка приложения необходима, если вы хотите улучшить время до первого впечатления в своем одностраничном приложении. Чтобы разделить..

Webpack 4 - Устранение глобально установленных зависимостей
При использовании NPM (или пряжи ) для управления зависимостями JavaScript для проекта рекомендуется устанавливать зависимости локально в проекте, чтобы несколько проектов NPM в системе не имели конфликтующих зависимостей или версий зависимостей. Однако лучше отказаться от этого шаблона и использовать глобально установленную версию зависимости, если верны следующие случаи : Зависимость огромна или установка занимает чрезвычайно много времени. Это единственный проект NPM (или один..