chitu-react

CHITU 框架的一个扩展

View project on GitHub

安装

npm install maishu-chitu-react

如何使用

  1. 引用 require js

    
     <script src="https://cdn.bootcss.com/require.js/2.3.6/require.js" data-main="index"></script>
    
    
  2. 配置 require js

    在 index.js 文件配置 requirejs

     require.config({
         paths: {
             'react': 'https://cdn.bootcss.com/react/16.6.0/umd/react.development',
             'react-dom': 'https://cdn.bootcss.com/react-dom/16.6.0/umd/react-dom.development',
             'maishu-chitu': 'node_modules/maishu-chitu/dist/chitu',
             'maishu-chitu-react': 'node_modules/maishu-chitu-react/out/index'
         }
     })
    
     require(['maishu-chitu-react'], function (chitu_react) {
         app = new chitu_react.Application();
         app.run()
     })
    
  3. 如果使用 typescript,还需要配置路径,如:

     {
         "compileOnSave": true,
         "compilerOptions": {
             "jsx": "react",
             "module": "amd",
             "baseUrl": "./",
             "paths": {
                "maishu-chitu": [
                     "node_modules/maishu-chitu/dist/chitu.d.ts"
                 ],
                 "maishu-chitu-react": [
                     "node_modules/maishu-chitu-react/out/index.d.ts"
                 ] 
             }
         }
     }