1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/mirrors-element-react

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README.md 3.4 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
Отправлено 16.03.2025 20:13 7c1a2b1

Элемент React

Статус сборки Travis CI Последняя версия npm Скачиваемость npm

Элемент был первоначально написан с использованием Vue, который имеет множество элегантных компонентов пользовательского интерфейса, но мы также любим React, поэтому мы создали форк для сообщества React.

Начало работы

Установка

npm install element-react --save

Перед сборкой вам потребуется тема стилей, здесь мы рекомендуем использовать element-theme-default.

npm install element-theme-default --save

Использование

Мы поклонники ECMAScript 6, поэтому рекомендуем писать код на современном JavaScript.

import { Button } from 'element-react';

Также мы предоставляем продвинутый способ внедрения дерева с помощью Rollup.js и Webpack 2.

import { Button } from 'element-react/next';

Настройка

С Webpack вам потребуются дополнительные загрузчики для сборки с element-react.

const webpack = require('webpack');
```module.exports = {
  entry: {
    src: 'путь/к/src'
  },
  output: {
    path: 'путь/к/output',
    publicPath: '/public',
    chunkFilename: '[chunkhash:12].js',
    filename: '[chunkhash:12].js'
  },
  plugins: [
    new webpack.DefinePlugin({'process.env.NODE_ENV': JSON.stringify('production')}),
    new webpack.optimize.UglifyJsPlugin({
      output: {
        comments: false
      }
    })
  ],
  resolve: {
    extensions: ['.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        include: ['путь/к/src']
      },
      {
        test: /\.css$/,
        loaders: ['style-loader', 'css-loader']
      },
      {
        test: /\.(ttf|eot|svg|woff|woff2)(\?.+)?$/,
        loader: 'file-loader?name=[hash:12].[ext]'
      }
    ]
  }
}## Вклад в проект

Пожалуйста, убедитесь, что вы прочитали [руководство по вкладу](https://github.com/eleme/element-react/blob/master/CONTRIBUTING.md) перед отправкой pull запроса.

## Благодарности

* [@doxiaodong](https://github.com/doxiaodong) за добавление деклараций типа TypeScript.
* [@cuining](https://github.com/cuining) за создание живого редактора кода.

## Кредиты

* [Element](https://github.com/ElemeFE/element) — элементы пользовательского интерфейса для Vue.js 2.0.

## Лицензия

MIT

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/mirrors-element-react.git
git@api.gitlife.ru:oschina-mirror/mirrors-element-react.git
oschina-mirror
mirrors-element-react
mirrors-element-react
master