2017-12-02 140 views
0

material-ui「build:es2015」腳本正在構建commonjs腳本,而不是ES2015。
'use strict';如何構建umd的material-ui版本?

Object.defineProperty(exports, "__esModule", { 
    value: true 
}); 

etc. 

我試圖找到一種方法來建立的AMD型版材的用戶界面類似於https://reactjs.org/docs/installation.html#using-a-cdn

有了ES2015,我應該可以將打字稿編譯到AMD軟件包中。源文件看起來非常接近打字稿文件,但將擴展名更改爲TSX是不夠的......他們實際上不是打字稿文件(它們是什麼?)。

此外,我試過「build:umd:dev」不會產生任何如https://unpkg.com/[email protected]/umd/react.development.js那麼好的東西,而且它們看起來與requirejs不兼容。

構建material-ui的真正umd版本的必要步驟是什麼?

背景: 是的,我知道傳統的反應開發過程使用webpack,但我試圖從rawgit生成一個輕量級,CDN依賴的概念驗證應用程序。我有反應和反應 - 部分工作,但不是材料 - 用戶界面。

<html> 

<head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.5/require.min.js"></script> 
    <style> 
     @import url('app.css'); 
    </style> 
</head> 

<body> 
    <app/> 
    <script> 
     requirejs.config({ 
      // module name mapped to CDN url 
      paths: { 
       'react': 'https://unpkg.com/[email protected]/umd/react.production.min', 
       'react-dom': 'https://unpkg.com/[email protected]/umd/react-dom.production.min', 
       'openlayers': 'https://cdnjs.cloudflare.com/ajax/libs/ol3/4.5.0/ol', 
      }, 
      deps: ['built/index'], 
      callback:() => require(["index"], go => console.log("app", go())) 
     }); 
    </script> 
</body> 

</html> 

回答