Das Skript "build: es2015" von material-ui erstellt commonjs-Skripte, nicht ES2015.
"Verwendung streng";Wie man eine umd Version von Material-ui baut?
Object.defineProperty(exports, "__esModule", {
value: true
});
etc.
Ich versuche, einen Weg zu finden, eine AMD-Version Material-ui ähnlich wie https://reactjs.org/docs/installation.html#using-a-cdn zu bauen.
Mit ES2015 sollte ich mit Typoskript in ein AMD-Bundle kompilieren können. Die Quelldateien sehen den Typoskript-Dateien sehr ähnlich, aber das Ändern der Erweiterung zu TSX ist nicht genug ... sie sind eigentlich keine Typoskript-Dateien (was sind sie?).
Auch habe ich versucht, die "build: umd: dev" produziert nichts so schön wie https://unpkg.com/[email protected]/umd/react.development.js, und sie scheinen nicht kompatibel mit require.
Was sind die notwendigen Schritte zum Aufbau einer echten umd-Version von Material-Ui?
Hintergrund: Ja, ich weiß, traditionelle Reaktion Entwicklungsprozess verwendet Webpack, aber ich versuche, eine leichte, CDN-abhängige Proof-of-Concept-App, die von Rawgit läuft. Ich habe die reagierenden und reagierenden Teile, aber nicht das Material.
<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>