Question

我的问题是关于体系结构以及如何将已安装的库添加到index.html？我正在使用SAP应用程序（AngularJS，nodeJS）。一切都很好，但是当我从凉亭迁移到纱线时，我被困住了。我不明白如何向index.html添加库。

后来我有了以下文件结构：

.
├── bower_components
|   ├── …
|   └── …
├── node_modules
|   ├── …
|   └── …
├── app
|   ├── …
|   └── …
├── bower.json
├── package.json
├── index.html

早些时候我通过wiredep自动将js文件添加到脚本部分的index.html：

<!-- bower:js -->
<script src="../../bower_components/jquery/dist/jquery.js"></script>
<script src="../../bower_components/tether/dist/js/tether.js"></script>
<script src="../../bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="../../bower_components/angular/angular.js"></script>
<script src="../../bower_components/angular-xeditable/dist/js/xeditable.js"></script>
<script src="../../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="../../bower_components/angular-route/angular-route.js"></script>
<script src="../../bower_components/angular-file-upload/dist/angular-file-upload.min.js"></script>
<script src="../../bower_components/angular-animate/angular-animate.js"></script>
<script src="../../bower_components/angular-sanitize/angular-sanitize.js"></script>
<script src="../../bower_components/angular-read-more/dist/readmore.min.js"></script>
<script src="../../bower_components/js-xlsx/dist/xlsx.core.min.js"></script>
<script src="../../bower_components/angular-js-xlsx/angular-js-xlsx.js"></script>
<script src="../../bower_components/angular-ymaps/angular-ymaps.js"></script>
<script src="../../bower_components/angular-cookies/angular-cookies.js"></script>
<script src="../../bower_components/query-string/query-string.js"></script>
<script src="../../bower_components/angular-oauth2/dist/angular-oauth2.js"></script>

但后来当我从凉亭迁移到纱线时，我只有一个node_modules文件夹：

.
├── node_modules
|   ├── … modules to backend (nodejs)
|   └── … modles to frontend (angularJS and so on)
├── app
|   ├── …
|   └── …
├── package.json
├── index.html

当我使用gulp-inject在我的index.html中自动添加js库时，gulp将所有js文件（超过1000个文件）添加到index.html。其中大多数与后端有关。如何解决我的问题？

Answer 1

尝试使用捆绑包。要求主捆绑文件中的所有库如下：'use strict'; var angular = require('angular'); var moment = require('moment');

browserify可以帮助解决这个问题。

希望这能让你走上正轨。

如何通过yarn将库添加到index.html

1 个答案: