我正在使用 angular 1.6 和 gulp 以及 live reload 和 babel 来运行开发服务器。使用 yarn 安装所有 Angular 包,因此使用 npmfiles 自动导入 index.html 中的依赖项。
所有包都添加到最终 index.html 中的适当位置,但该文件仅包含 node_modules/package/package.json 中提到的相应 index.js 的内容“main: attributes
例如。添加角度库。最终的 .tmp/index.html 有以下内容
<script src="/../node_modules/angular/index.js"></script>
但是这个angular/index.js有以下内容
require('./angular');
module.exports = angular;
但我想要角度 js 文件的内容
此外,它在控制台中为每个包提供了多个错误
未捕获的 ReferenceError: 要求未在 index.js:1 中定义
这是相关代码
gulp.task('connectDev', function() {
connect.serverClose();
connect.server({
name: 'Zeus:Dev',
root: [path.join(conf.paths.tmp, '/serve'), conf.paths.src],
port: 3000,
debug: false,
host: '127.0.0.1',
fallback: path.resolve('./.tmp/serve/index.html'),
livereload: true,
directoryListing: false,
middleware: function(connect) {
return [connect().use('/node_modules', connect.static('node_modules'))];
}
});
});
并使用此任务添加所有 node_modules libray
var npmVendors = gulp.src(mainNPMFiles( {nodeModulesPath: '../node_modules/'} ));
// .pipe($.babel({"presets": ["env"]}));
var npmOptions = {
relative: true,
starttag: '<!-- inject:ang:{{ext}} -->',
ignorePath: [conf.paths.src, path.join(conf.paths.tmp, '/serve')],
addRootSlash: true,
// transform: function (filePath, file) {
// return file.contents.toString('utf8');
// }
};
在 src/index.html
<!-- inject:ang:js -->
<!-- endinject -->
现在,如果我取消注释转换属性,它会直接在 index.html 中添加文件的内容而不带<sctipt>
标签
所以我的问题是如何添加文件的原始内容而不是 index.js 的 2 行