element react Télécharger - element react Téléchargement du code source

element react

Autres catégories

1.4.33

Télécharger

Réaction des éléments

Element a été initialement écrit dans Vue, qui possède de nombreux composants d'interface utilisateur élégants, mais nous aimons aussi React, nous l'avons donc créé pour la communauté React.

Commencer

Installer

npm install element-react --save

Avant le bâtiment, vous avez besoin d'un thème de style, ici nous vous recommandons de choisir element-theme-default .

npm install element-theme-default --save

Usage

Nous sommes de grands fans d'ECMAScript 6, nous vous recommandons donc d'écrire du code en javascript moderne.

 import { Button } from 'element-react' ;

Nous proposons également un moyen avancé d'arborescence du code avec Rollup.js et Webpack 2.

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

Configuration

Avec webpack, vous avez besoin de chargeurs supplémentaires pour construire avec 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]'
      }
    ]
  }
}