引用 node_modules 文件夹中的资源

Question

我目前正在编写我的第一个 Node.js 应用程序。我最近通过 npm 安装了 bootstrap（按照 bootstrap's web site 上的说明）并且想知道 "standard" 引用 bootstap.min.css（和其他感兴趣的文件）的方式。最好使用 grunt/gulp 将我需要的资源复制（捆绑和缩小）到我的项目结构中？

如有任何帮助，我们将不胜感激。

Answer 1

如 This Blog Post 中所述，您可以创建 "Static Route" 而不是完全公开 node_modules 结构。

app.use('/scripts', express.static(__dirname + '/node_modules/bootstrap/dist/'));

但这可能不是最好的方法。似乎资源附带的包也带有 Grunt 文件。

Answer 2

我能够通过简单的 Grunt 任务复制 node_modules bootstrap 资源：

copy: {
    bootstrapSrcCss: {
      src: "./node_modules/bootstrap/dist/css/bootstrap.css",
      dest: "./public/src/css/bootstrap.css"
    },
    bootstrapSrcJs: {
      src: "./node_modules/bootstrap/dist/js/bootstrap.js",
      dest: "./public/src/js/bootstrap.js"
    }
}

使用 grunt 插件：grunt-contrib-copy

引用 node_modules 文件夹中的资源

Referencing resources in node_modules folder

css

node.js

twitter-bootstrap

node-modules