/ views和/ lib文件夹之间的区别?

时间:2017-09-09 23:05:55

标签: node.js reactjs express

我正在创建一个Express / React应用程序,我正在尝试理解基本的脚手架结构。

在我的根目录中,我有app.js,当我运行调用脚本的npm run dev时,它会启动所有内容:

"dev": "pm2 start app.js --watch --interpreter ./node_modules/.bin/babel-node",据我所知,相当于node app.js

app.js我设置了app.set('views', __dirname + '/views');,意味着无论何时调用app.get(...),express都会在/views文件夹中查找指定文件。

但是,我还有一个/lib文件夹,我见过很多其他项目。我最终会在/lib/components内制作组件。

这是否意味着/views中的模板requireimport组件来自/lib/components?为什么不将我的所有*.jsx文件保存在一个文件夹中?或/views仅适用于顶级模板..?

1 个答案:

答案 0 :(得分:0)

lib用于创建样式组件库。既然你知道React,你可能知道Javascript框架,把它想象成一个CSS或一个SASS框架。当你创建一个javascript库时,你需要导入它来使用它,这就是lib目录所做的。

从样式组件说明中取消here

  

Styled-components允许您编写实际的CSS代码来设置样式   组件。它还删除了组件和样式之间的映射    - 使用组件作为低级样式构造不可能   容易!

您可能知道如何使用React,但要了解有关如何创建具有反应的组件的更多信息,请参阅this link