如何构建umd的material-ui版本？

  • Z时代
  • 2024-01-10
  • 分类：问答

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>

回答：

为每个版本发布UMD版本。

例如：https://unpkg.com/[email protected]/umd/

以上是 如何构建umd的material-ui版本？ 的全部内容， 来源链接： utcz.com/qa/258414.html

回到顶部