Question

我需要帮助Gulp。我没有非常使用Gulp，所以如果这是一个愚蠢的问题，请原谅我。

为了获得我的项目的插件等，我只想做一个npm install bootstrap的想法很着迷。但我似乎无法弄清楚如何在安装后访问它们。

我想使用Twitter的Bootstrap框架，但由于我还没有时间自学，所以我只想在我的项目中使用正常的.css文件。当我执行npm install bootstrap时，它会安装在./node_modules/bootstrap中。那么，将.css文件导入我的src/css/文件夹，同时使其与npm update保持同步（如果我想要更新它）的最佳方式是什么？

（显然做<link rel="stylesheet" href="../node_modules/bootstrap/dist/css/bootstrap.css">会是完全错的？）

我想我可以将它添加为git子模块，因为GitHub上提供了最新版本 - 这将完成我正在寻找的内容。

我想我应该做import 'bootstrap';或require('bootstrap')，但我不知所措，所以请帮助我...

Answer 1

如果您只是自己使用Gulp，那么您最好的选择可能是将文件复制到输出目录：

SelectedParent.Children.Remove(SelectedChild);

或者使用gulp-concat将其连接到输出文件中：

gulp.task("bootstrap", function() {
   // This copies the entire folder structure - you could just use one file if you wanted
   gulp.src("./node_modules/bootstrap/dist/**/*")
       .pipe(gulp.dest("./dist/bootstrap/"));
});

或者，如果您正在使用像Webpack这样的模块捆绑包，则可以通过JavaScript导入它（假设您已安装并配置了css和style个加载器，或者它们等效于你正在使用的任何工具）：

var concat = require("gulp-concat");

gulp.task("concat", function() {
    return gulp.src([
        "./node_modules/bootstrap/dist/css/bootstrap.css",
        "./src/my-awesome-styles.css"
    ])
    .pipe(concat("style.css"))
    .pipe(gulp.dest('./dist/'));
});

Answer 2

我想您只需要为引导程序文件调用相对路径，每当您通过npm update接收更新时，这应该采用最新的编译文件。

我建议您仔细阅读以了解文件结构： https://www.npmjs.com/package/bootstrap

我从不建议使用import＆＃39; bootstrap＆＃39 ;; 命令。并且，将 require（＆＃39; bootstrap＆＃39;）添加到作为JS主要入口点的Js文件在本地安装软件包即可。

注意：节点包遵循语义版本控制指南，因此您不必担心。只是一个想法使用＆＃34; npm install bootstrap --save ＆＃34; ＆GT;＆GT;此命令创建 package.json 文件作为＆＃34;依赖项的条目。

希望这有帮助！

如何使用npm

2 个答案: