如何自动包含js / css文件？

Question

在普通的web项目中，我们必须像这样包含js / css文件：

<link type="text/css" rel="stylesheet" href="/css/main.css" />
<script type="text/javascript" src="/scripts/js/main.js"></script>

每当我们添加新的css文件或js文件时，我们都要添加一行。

在Meteorjs中，Meteor自动处理，但对于非流星项目，我们可以这样做吗？

例如，我只是将任何js文件放入js文件夹中，我不再需要关心它了。

Answer 1

使用“browserify”

在“package.json”

中

..."scripts": {
"build": "browserify public/javascripts/main.js > public/javascripts/main-build.js",....

在“main.js”中

var ObjectName = require('./another_file');

HTML

<script src="javascripts/main-build.js"></script>

another_file.js

ObjectName = function(){ ..... }
module.exports = ObjectName;