Загрузка element react - Загрузка исходного кода element react

element react

Другие категории

1.4.33

Скачать

Элемент Реакция

Изначально Element был написан на 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' ;

Конфигурация

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

 const webpack = require ( 'webpack' ) ;

module . exports = {
  entry : {
    src : 'path/to/src'
  } ,
  output : {
    path : 'path/to/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 : [ 'path/to/src' ]
      } ,
      {
        test : / .css$ / ,
        loaders : [ 'style-loader' , 'css-loader' ]
      } ,
      {
        test : / .(ttf|eot|svg|woff|woff2)(?.+)?$ / ,
        loader : 'file-loader?name=[hash:12].[ext]'
      }
    ]
  }
}