对前端依赖项使用 npm 模块失败

Question

我以为我可以做 npm 而不是 bower，我所做的是做 npm install angular --save，然后像这样包含它

<script src="../node_modules/angular/angular.js"></script>

但路径似乎不正确。我创建了一个临时仓库来展示我的文件夹结构。

https://github.com/eldyvoon/temp/

Answer 1

为了使用 node_modules，您必须使用 browsersync 公开目录。

试试这个，像这样更改 gulfile.js 中的浏览器同步 gulp 任务：

gulp.task('browser-sync', function() {
    browserSync.init(null, {
        server: {
            baseDir: 'app',
            routes: {
                '/node_modules': './node_modules'
            }
        }
    });
});

在你的 index.html 中你的 jquery 导入是错误的，使用这个：

<script src="../node_modules/jquery/dist/jquery.min.js"></script>

希望对您有所帮助，如果您需要更多信息，请告诉我