编程语言
首页 > 编程语言> > javascript – 如何创建material-ui.js文件?

javascript – 如何创建material-ui.js文件?

作者:互联网

我已经按照入门指南并运行示例,但它似乎将示例lib文件夹中的所有js组件作为单独的资源加载.我如何让它构建一个我刚刚从我的html引用的材料-ui.js(或material-ui.min.js)文件?我使用npm,gulp,browserify等吗?如果是这样,怎么样?我对javascript构建和打包工具一点也不熟悉.我只想要一个单独的js文件包含在我的静态资源中,比如react.min.js

解决方法:

npm install material-ui
npm install -g webpack
webpack node_modules/material-ui/lib/index.js material-ui.js

您可能正在使用babel来转换内联jsx(即遵循React教程),因此您可以使用es6导入语法:

import React from 'react';
import FlatButton from 'material-ui/lib/flat-button';

整个脚本块是:

<script type="text/babel">      
    import React from 'react';
    import FlatButton from 'material-ui/lib/flat-button';


    const FlatButtonExampleSimple = () => (
      <div>
        <FlatButton label="Default" />
        <FlatButton label="Primary" primary={true} />
        <FlatButton label="Secondary" secondary={true} />
        <FlatButton label="Disabled" disabled={true} />
      </div>
    );      

    ReactDOM.render(
      <FlatButtonExampleSimple />,
      document.getElementById('content')
    );
</script>

标签:javascript,material-ui
来源: https://codeday.me/bug/20191008/1873828.html