Question

我正在关注this教程。我可以设法浏览启动JS文件，但我想知道如何将bootstrap css添加到我的配置中。我知道文件在node_modules文件夹中，但是如何将它们添加到我已经拥有的构建工作流程中？

gulpfile.js

...
gulp.task('sass', function() {
    return gulp.src('./sass/style.sass')
        .pipe(sass.sync().on('error', sass.logError))
        .pipe(gulp.dest('./dist/css'));
})

gulp.task('browserify', function() {
    // Grabs the app.js file
    return browserify('./app/app.js')
        // bundles it and creates a file called main.js
        .bundle()
        .pipe(source('bundle.js'))
        // saves it the public/js/ directory
        .pipe(gulp.dest('./dist/js/'));
})
...

app.js：

require('angular')
require('bootstrap')

var app = angular.module('app', []);

的index.html：

<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title>My App</title>
    <script src="/js/bundle.js"></script>
    <link rel="stylesheet" href="/css/style.css">
</head>
<body>
    <div style="height: 100%;" ui-view></div>
</body>
</html>

Gulp + Browserify Webapp - 如何包含Bootstrap CSS文件

0 个答案: