element react تنزيل - element react تنزيل كود المصدر

element react

فئات أخرى

1.4.33

تنزيل

رد فعل العنصر

تمت كتابة العنصر في البداية بلغة Vue، التي تحتوي على العديد من مكونات واجهة المستخدم الأنيقة، ولكننا أيضًا نحب React، لذلك أنشأناها لمجتمع React.

ابدء

ثَبَّتَ

npm install element-react --save

قبل البناء، أنت بحاجة إلى سمة نمطية، وهنا ننصحك باختيار element-theme-default .

npm install element-theme-default --save

الاستخدام

نحن من أشد المعجبين بـ ECMAScript 6، لذا ننصحك بكتابة التعليمات البرمجية بلغة جافا سكريبت الحديثة.

 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]'
      }
    ]
  }
}