如何从前端捆绑应用程序之外的单独文件导入数据(来自文件的数据)



我将开始开发一个应用程序,我在想,我如何制作单独的文件,在其中保存某种数据/常量。这样做的目的是以后其他人会维护它,而他不是程序员。好的,假设我们在文件post.json中有帖子列表

Post = [
{
title: "first",
body: "simple body"
},
{
title: "Second",
body: "Smth diff"
}
]

在应用程序的某个地方,会有一个使用post.json的帖子列表

出于未来的原因,列表应该是可编辑的,只需编辑文件post.json并用新文件替换旧文件。

它将是一个简单的应用程序(某种关于我的应用程序(3/4视图和路由,只是前端,但它应该很容易维护。

作为实践的一部分,我一直在考虑React/Vue+SASS,但它可以是任何带有bundler甚至HTML模板引擎的东西。有什么想法吗?

我意识到我一点都不聪明,我只需要添加post.json作为HTML文件末尾的.js文件,与React或任何前端框架中添加的bundle相同

例如

<!DOCTYPE>
<html>
<head>
</head>
<body>
<scritp src="post.js"></script>
</body> 
</html>

当我们将console.log(Post)时,我们的对象将显示为全局对象

最新更新