是洞穴人的语义-UI reactjs

我是Web UI的洞穴人 - 我喜欢没有NPM/nodejs和其他不错的基础架构。我希望所有这些都在文本文件中，例如在过去：在/到HTML页面中包含/链接内容，并且已经完成。Smantic-UI ReactJs组合是否可以使用这种洞穴方法，这意味着没有NPM/NODES/其他服务器代码以进行我的前端？

您总是可以通过将所需的'软件包'作为脚本标签放在HTML页面的标题中，然后使用NPM/nodejs/bundling跳过。这仍然使您可以抓住所需的额外库，但意味着如果您想保持简单，则不需要捆绑和移动。就像您提到的那样，这是曾经是标准的方式，并且仍然可以正常工作。

举例来说，这是如何在没有NPM的情况下使用React的方法：JSBIN

您的HTML看起来像：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://unpkg.com/react@15.1.0/dist/react.js"></script>
  <script src="https://unpkg.com/react-dom@15.1.0/dist/react-dom.js"></script>
</head>
<body>
  <div id="root"></div>
</body>
</script>
</html>

然后，用于使用React的JS代码看起来像：

const Child = () => <div>Child</div>
const Parent = () => {
  return (
    <div>
      Parent
      <Child />
    </div>
  )
}
ReactDOM.render(
  <Parent />,
  document.getElementById('root')
);

这个答案专门用于如果您想跳过NPM并将所有内容捆绑在一起。如果您可以为您进行config/bundling/transpliting，我绝对建议您检查创建反应应用程序。

我认为答案是肯定的，也就是说，如果我理解您的问题。您可以使用React（以及任何CSS LIB（例如语义UI））的方法之一是生成一个静态构建，该构建可以非常简单地在任何静态托管服务（如旧时代，所有文本文件）上托管。但是，在开发过程中使用NPM和节点是很常见的。

这是一个有用的工具：https：//github.com/facebookincubator/create-react-app-app-app-app-

相关内容

最新更新

热门标签：