element react 다운로드 - element react 소스 코드 다운로드

element react

기타 카테고리

1.4.33

다운로드

요소 반응

Element는 처음에 우아한 UI 구성 요소가 많은 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 : '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]'
      }
    ]
  }
}