element react ดาวน์โหลด - element react การดาวน์โหลดซอร์สโค้ด

element react

หมวดหมู่อื่นๆ

1.4.33

ดาวน์โหลด

ปฏิกิริยาองค์ประกอบ

ในตอนแรก Element เขียนขึ้นใน Vue ซึ่งมีส่วนประกอบ UI ที่สวยงามมากมาย แต่เราก็ชอบ 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]'
      }
    ]
  }
}