我正在尝试使用wiredep在我的应用程序中包含来自bower 的css 和js 文件。我有原始文件index.html
(不包括 bower css 和 js 的 html),app/rawHtml/index.html
如下面的文件夹树所示:
app
├── bower_components
│ ├── lib1
│ │ ├── lib1.css
│ │ ├── lib1.js
│ │ ├── bower.json
│ │ ├── package.json
│ │ └── README.md
│ ├── lib2
│ │ ├── lib2.css
│ │ ├── lib2.js
│ │ ├── bower.json
│ │ ├── package.json
│ │ └── README.md
│ │ ├── globals.js
│ │ ├── locale-header.js
│ │ └── test-header.js
├── index.html
└── rawHtml
└── index.html
我想使用app/rawHtml/index.html
to app/index.html
。我的 gulpfilewiredep
如下:
gulpfile.js
gulp.task('bower:dev', function () {
return gulp.src('app/rawHtml/index.html')
.pipe(wiredep())
.pipe(gulp.dest('app/'));
});
现在 index.html 文件已创建。但是依赖项的注入如下app/rawHtml/index.html
:
<!-- bower:css -->
<link rel="stylesheet" href="../bower_components/lib1/lib1.css" />
<link rel="stylesheet" href="../bower_components/lib2/lib2.css" />
<!-- bower:js -->
<script src="../bower_components/lib1/lib1.js"></script>
<script src="../bower_components/lib2/lib2.js"></script>
而不是相对于目标文件app/index.html
如下:
<!-- bower:css -->
<link rel="stylesheet" href="bower_components/lib1/lib1.css" />
<link rel="stylesheet" href="bower_components/lib2/lib2.css" />
<!-- bower:js -->
<script src="bower_components/lib1/lib1.js"></script>
<script src="bower_components/lib2/lib2.js"></script>
我试图将源和目标保持index.html
在同一个目录中,但我没有找到重命名目标文件的选项。如何使用wiredep,以便获得正确的注入路径?