Я использую Angular 1.6 и gulp с live reload и babel для запуска сервера разработки. Установка всех угловых пакетов с использованием пряжи с использованием npmfiles для автоматизации зависимостей импорта в index.html.
все пакеты, добавляемые в окончательный index.html в нужное место, но этот файл имеет только содержимое соответствующего index.js, который упоминается в файле node_modules / package / package.json"main: attribute
, например, для добавления angular библиотеки. final .tmp / index.html имеет содержимое ниже
<script src="/../node_modules/angular/index.js"></script>
но этот angular / index.js имеет следующее содержимое
require('./angular');
module.exports = angular;
НО я хочу содержимое углового js-файла
также выдает несколько ошибок в консоли для каждого пакета
Uncaught ReferenceError: require не определен в 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
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 -->
теперь, если я раскомментирую свойство transform , добавляется содержимое файла непосредственно в index.html без тега <sctipt>
ТАК мой вопрос как добавить исходное содержимое файла, а не 2 строки index.js