Descarga de element react - descarga de código fuente element react

element react

Otras categorias

1.4.33

Descargar

Elemento reaccionar

Element se escribió inicialmente en Vue, que tiene muchos componentes de interfaz de usuario elegantes, pero también nos encanta React, por lo que lo bifurcamos para la comunidad de React.

Empezando

Instalar

npm install element-react --save

Antes de construir, necesita un tema de estilo, aquí le recomendamos que elija element-theme-default .

npm install element-theme-default --save

Uso

Somos fanáticos incondicionales de ECMAScript 6, por lo que le recomendamos escribir código en javascript moderno.

 import { Button } from 'element-react' ;

También proporcionamos una forma avanzada de agitar el código en árbol con Rollup.js y Webpack 2.

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

configuración

Con webpack, necesita cargadores adicionales para compilar con 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]'
      }
    ]
  }
}