Question

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

任何帮助都将不胜感激。

Answer 1

我能够使用简单的Grunt任务复制node_modules引导程序资源：

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

Answer 2

如This Blog Post中所述，您可以创建一个＆＃34;静态路由＆＃34;而不是完全暴露node_modules结构。

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

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

引用node_modules文件夹中的资源

2 个答案: