Публикации по теме 'webpack'
Пять шагов по уменьшению размера пакета webpack 4
Как оптимизировать размер вашего приложения
Я сделал несколько проектов по React с Material-UI и Ant Design. Material-UI - отличный набор компонентов React для разработки веб-приложений. Ant Design - это потрясающий набор компонентов React. Если вы работаете с ними, вы знаете их богатое разнообразие компонентов.
К сожалению, у меня проблемы с размером комплекта. Я много искал в Интернете, надеясь найти способ оптимизировать размер пакета веб-пакетов. Вот мой подход к тому,..
Создание конфигурации для каждой среды в приложениях Webpack + TypeScript
Не секрет, что у Webpack довольно экстремальная кривая обучения. Проведя почти 20 лет в мире ASP и ASP.NET, разобраться в компиляторе, основанном на мире JavaScript, где все может быть чем угодно, было довольно непросто.
При построении BurnRate вчерашняя задача заключалась в том, чтобы завершить переход на более простой домен (раньше мы были startupburnrate.com, теперь — burnrate.io) и обновить наши файлы конфигурации. В моей первоначальной настройке я пытался позволить ASP.NET Core..
Webpack vs Rollup — сравнение настроек сборщика Javascript
Я никогда особо не задумывался о сборщиках Javascript, в основном использовал webpack. Недавно я начал переключаться на Svelte.js в качестве «фреймворка» для внешнего интерфейса Javascript. Со Svelte я также использовал Rollup в качестве сборщика по умолчанию, поэтому, возможно, стоит проверить различия между ними и какой из них я мог бы продолжать использовать.
Что вообще такое бандлер?
В мире Javascript упаковщик — это инструмент, который берет все ваши файлы Javascript с любыми..
Что внутри файла конфигурации Webpack?
Аннотация: Webpack — это круто, и вы должны его использовать.
Вы когда-нибудь открывали файл webpack.config.js и видели…
const HtmlWebpackPlugin = require('html-webpack-plugin'); //installed via npm
const webpack = require('webpack'); //to access built-in plugins
const path = require('path');
const config = {
entry: './path/to/my/entry/file.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'my-first-webpack.bundle.js'
},
module: {
rules: [..
Webpack-dev-server и modulesDirectories: как заставить это работать
(веб-пакет: 1.13.3 и веб-сервер-разработчика: 1.16.2)
Сервер разработки Webpack не скомпилирован, поэтому он разрешает свои зависимости при запуске. Но у него есть ошибка, когда вы используете resolve.modulesDirectories, и он использует этот массив для разрешения зависимостей. Я думал, что этот массив использовался только для компиляции моего проекта, а не для запуска сервера разработки…
В любом случае, если вы хотите использовать resolve.modulesDirectories и сервер разработки webpack,..
Замена модуля JS для лучшей разработки и тестирования
Использование обычной замены модуля для решения проблемы
Немного динамической магии
Давайте рассмотрим то, с чем я недавно столкнулся, работая с анализатором разметки. Этот анализатор уценки позволял выделять синтаксис кода, и было важно, чтобы он соответствовал (или даже превышал) количество доступных языков на Github. Посмотрев на доступные варианты, мы решили использовать Lowlight .
С помощью Lowlight мы можем импортировать любой языковой синтаксис, который нам нравится - их..
Настройте проект JavaScript ES6, используя webpack, babel и eslint.
Вы знаете Javascript (желательно немного es6). У вас в системе установлены nodejs и npm ( Учебник ).
Полный код доступен по адресу https://github.com/brijeshb42/hello-world-tutorial .
Часть 1
Откройте приложение терминала или командную строку и cd в каталог, в котором вы хотите создать этот проект. Предположим, папка проекта называется hello-world в каком-то каталоге на вашем диске. Теперь введите эти команды -
cd hello-world npm init --y
Это создаст файл..