Как импортировать содержимое js файла, а не ссылку на него?

Question

[s-morello]

Как подключить скрипты которые лежат в node_modules так, что-бы в итоговом файле не ссылка была на файл а содержимое в файле ?

Comments

[Михаил]

Что в таске?

[s-morello]

Михаил,

gulp.task('js', () => {
  return gulp.src(path.js)
    .pipe(uglify())
    .pipe(gulp.dest(path.js))
});

[Михаил]

s-morello, ну так вы его и не "собираете", а потом удивляетесь что импорты не работают

[s-morello]

Михаил, собираю. У меня в файле scripts.js подключены они из node_modules чрез import мне нужно чтобы содержимое попадал этих файлов в исходный scripts.js а не importы

[Михаил]

s-morello, uglify не бандлит а минифицирует файл

[s-morello]

Михаил, я знаю. Он нужен чтобы файлы из path.js минифицировать. а в path.js прописаны пути к файлам node_modules мне нужно чтобы gulp.dest(path.js) содержимое брал а не requare()

[AlexBergal]

Посмотри js rigger.
Хотя то ещё извращение, по моему должно быть более нормальное решение для галпа

Answer 1

[Митя ТоДаСё]

через ajax...

а чем такой метод плох?

function include(filename) {	
	var js = document.createElement('script');
	js.setAttribute('src', filename);
	document.getElementsByTagName('HEAD')[0].appendChild(js);
	var cur_file = {};
	cur_file[window.location.href] = 1;
	if (!window.js_file)
		window.js_file = {};
	if (!window.js_file.includes)
		window.js_file.includes = cur_file;
	if (!window.js_file.includes[filename]) {
		window.js_file.includes[filename] = 1;
	} else {
		window.js_file.includes[filename]++;
	}
	return window.js_file.includes[filename];
}

(function () {
	var JSlist = [];
	JSlist.push('/js/jquery-easing.js');
	JSlist.push('/js/jquery.maskedinput.js');
        ...
	JSlist.forEach(function (URL) {
		include(URL);
	});
}());

Comments

[s-morello]

Да нет. У меня туппо при сборке должно все собирваться, есть файл scripts и там importы c путями в node_modules мне нужно что бы он содержимое доставал а не путь то есть import

Answer 2

[Антон Хмыров]

нужно в таски сборки добавить browserify перед uglify

Comments

[Владимир]

Насколько я понимаю import в browserify пока не работает, только require поэтому прийдется маленько переписать код https://github.com/browserify/browserify/issues/1186

[Антон Хмыров]

browserify хорошо работает в связке с babel

[s-morello]

сейчас посмотрю.

[s-morello]

Антон Хмыров, Не то, или не понял я модули эти.

У меня в html есть скрипты

bundle - тут все сторонние должны быть jq например
scripts - а тут я свои скрипты пишу как мне так сделать ?

Answer 3

[Владимир]

https://rollupjs.org/guide/en/
https://parceljs.org/
https://webpack.js.org/

Вебпак можно как без галпа использоват так и с галпом, остальные вроде тоже, но я не пробовал