2017-12-02 141 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> 

回答