Передние леса
На самом деле, это интегрированный каркас веб-пакета.
В Интернете сегодня, я думаю, все много читали о настройке веб-пакета, В основном, более популярные фреймворки рекомендуют использовать веб-пакет для разработки и развертывания.
Спереди инструменты vue-cli, сзади ant-design.Все в основном помогают нам настроить какие-то конфигурации webpack.
Однако у всех них есть проблема, заключающаяся в том, что информационное содержимое пакета webpack встроено в проект.
Это приведет к тому, что установка npm займет много времени при разработке и загрузке, и каждый проект должен установить все веб-пакеты, множество зависимостей загрузчика.
И самая большая функция моих строительных лесов - это системаУстановить глобально, почти все основные онлайн-проекты могут быть разработаны и развернуты.
Все проекты должны загружать только зависимости js, необходимые для установки на одном компьютере и поддержки всех интерфейсных проектов.
На самом деле мы уже год пользуемся этими лесами.
Настоящее чувство -очень круто~~
Но так как у меня было мало времени, продвижения по службе нет.
Спустя годы у меня наконец появилось немного времени, чтобы с радостью поделиться им с вами.
О привет-кли
фактическиhey-cliЭто основной продукт нашей семьи, конечно же, основнойheyuiТакая библиотека компонентов.
Что касается введения хей-кли, думаю, недостаточно просто рассказать об этом, поэтому потребовалось некоторое время, чтобы разобраться.hey-cli-template, в котором есть несколько основных шаблонов, о которых я подробно расскажу позже.
Во-первых, я ставлю несколько ссылок на hey-cli:
github: GitHub.com/ и YUI/Why — от…
npm: woohoo. эта лошадь plus.com/package/why…
Документация
Английский документ:кликните сюда
Китайский документ:кликните сюда
Установить
npm install -g hey-cli
#开发
hey dev
#部署
hey build
#安装模板
hey init <project-name>
#目前有的项目模板: simple, vue, heyui, elementui, iview, react(ant-design)
Описание шаблона
Почему бы не поговорить о функции и начать непосредственно с шаблона, потому что таким образом можно объяснить функцию этих лесов в наибольшей степени.
Сначала вам нужно установить hey-cli глобально.
npm install -g hey-cli
# new version npm
sudo npm install -g hey-cli --unsafe-perm=true --allow-root
Поскольку этот каркас в настоящее время не продвигается, обнаружение совместимой версии для узла еще не выпущено, но основная стабильная версия обычно не имеет проблем, и есть некоторые проблемы со слишком старой версией.
Если у кого-то есть проблемы с установкой, пожалуйста, дайте отзыв вовремя, большое спасибо.
У вас есть два способа попробовать, один из них - использоватьhey init <project-name>команда для установки некоторых любимых шаблонов.
Другойgit clone https://github.com/heyui/hey-cli-template, может быть быстрее, если вы хотите попробовать все элементы.
simple
Для простых проектов html будет автоматически ссылаться на файлы js и css, а хеш-суффиксы будут автоматически добавляться при развертывании.
ES6 поддерживается.
Пакет зависимостей: нет
cd simple
hey dev
vue
вьюsimple-webpackпроект. Но без кучи зависимостей вебпака.
Пакет зависимостей: vue
cd vue
npm install
hey dev
heyui
Наш флагманский продукт, мы скопировали корпус формы прямо из демоверсии на официальном сайте.
На самом деле, здесь используются характеристики Hey-Cli:globalVars: './src/css/var.less', такая конфигурация позволяет использовать эти глобальные переменные во всех файлах less, в том числе и в файле vue<style lang='less'>середина.
Пакет зависимостей: vue, heyui
cd heyui
#安装两个依赖包
npm install
hey dev
elementui
В основном я скопировал несколько демок с демок на официальном сайте Element.
Зависимости: vue, element-ui
cd elementui
#安装两个依赖包
npm install
hey dev
iviewui
Пакет зависимостей: vue, iview
cd iviewui
#安装两个依赖包
npm install
hey dev
react
Фактически, в качестве примера React использует проект дизайна муравья, который является первой демонстрацией вступительного документа.
реакция должна быть вhey.conf.jsдобавлено вreact: trueэлемент конфигурации.
Зависимости: реакция, момент, антд, реакция-дом
cd react
npm install
hey dev
Что ж, эти проекты введены, какие проекты вы хотите развивать в будущем, можно просто начать.
Функция
Что касается других функций, то в webpack они вообще есть.
Добавлены общие проекты, которые необходимо интегрировать.Они основаны на отзывах.Если я хочу узнать больше, я сделаю туториал.
Нет публики
Сегодняшний новый публичный аккаунт, надеюсь, вы уделите ему больше внимания.
Возможно, вы станете нашим первым участником.