а примеров настройки нет случайно?

Но работает там, где код правильно организован

например тот пример, что у них на сайте с parcel watch index.html тупо не работает

а примеров настройки нет случайно?

Он позиционируется, как сборщик без настроек

@parcel_ru

например тот пример, что у них на сайте с parcel watch index.html тупо не работает

Проверял, работает

Вот. Я думаю, что лучше там спросить.

Но работает там, где код правильно организован

а что значит, правильно организован? результат в dist ложить нельзя или что?

а что значит, правильно организован? результат в dist ложить нельзя или что?

Это значить должен существовать 1 файл, через который будут доступны все остальные файлы и функции твоего модуля

ну index.html включает как раз этот js-файл, т.е. всё как у них в примере на сайте

только не работает нихрена )

только не работает нихрена )

Опиши последовательность своих действий, расположение твоего index.html и modulename.js, строку с подключением modulename.js

Файлы вот так лежат: package.json webpack.config.js index.html src/index.js src/otherfile.js dist/modulename.min.js dist/index.html В package.json прописано: ... "main": "dist/modulename.min.js", "scripts": { "lint": "eslint src", "build": "cross-env WEBPACK_ENV=prod && npm run v:patch && webpack", "v:patch": "npm version —no-git-tag-version patch", "start": "cross-env WEBPACK_ENV=dev ./node_modules/.bin/webpack-dev-server —progress —colors" }, ...

конфиг webpack-а

Это все хорошо, интересно

Но не это я просил

строка с подключением modulename в index.html: <script src="dist/modulename.min.js"></script>

в dist modulename.min.js и index.html появляются автоматом при сборке webpack-ом

пробую запускать: parcel watch index.html, например

Подожди секунду, я тебя перебью

я закончил :)

строка с подключением modulename в index.html: <script src="dist/modulename.min.js"></script>

Где относительные пути? Должно быть ./dist

поправил на <script src="./dist/modulename.min.js"></script> - ничего не поменялось

в dist/ файл index.html не обновился кстати

видимо надо чтобы в index.html были явно подключены все js-скрипты, которые есть в src?

т.е. о том, что там делает webpack parcel вообще не в курсе

Повторю

Вебпак в webdev не сохраняет файлы на диск

Только в ОЗУ

npm run build вполне себе сохраняет файлы в dist/

только вот мне надо чтобы он автоматом при изменении какого-нибудь файла из src/ это делал

ты мне посоветовал parcel вместо webpack использовать для этого :)

видимо надо чтобы в index.html были явно подключены все js-скрипты, которые есть в src?

короче похоже что именно так

ты мне посоветовал parcel вместо webpack использовать для этого :)

Нет, не для этого я тебе это советовал

вот здесь вот например https://www.valentinog.com/blog/tutorial-react-parcel-bundler/: Also with webpack the resulting bundle will be placed automagically inside a <script></script>tag. Parcel works the other way around: the source HTML must include a <script></script>tag with a reference to the Javascript bundle.

А для сборки твоих модулей

я всё это и пишу про сборку одного модуля

который подключен npm link-ом к основному

в общем, похоже чтобы собирать модули parcel-ом надо их переделать все, добавить index.html со ссылками на все js-файлы, иначе работать не будет...

в общем, похоже чтобы собирать модули parcel-ом надо их переделать все, добавить index.html со ссылками на все js-файлы, иначе работать не будет...

Не совсем так

а как? похоже, что собрать src/* в один dist/modulename.min.js parcel не умеет

Все твои файлы в модули должны быть связаны

Я еще раз это повторю

Модуле*

ну понятно, что в index.html надо вставить только .js-файлы, которые не включаются в других .js файлах

от этого не сильно легче :)

ну понятно, что в index.html надо вставить только .js-файлы, которые не включаются в других .js файлах

Нет, не надо

С ES6 знаком же?

да, тут на ES6 всё

Хорошо

Про module.exports или export default, слышал?

export default прописан как раз во всех .js-файлах

Так

А весь импорт, в каком файле находится?

он находится в другом модуле :)

Ну а что ты собрался собирать?

Если у тебя нет импортов, от слова вообще

только экспорты, т.к. модули используются в одном главном модуле

webpack прекрасно их собирает

webpack прекрасно их собирает

Он их не собирает, а соединяет

Конкатенирует

Потому что принцип сборки у них примерно одинаковый

Так нельзя модули писать

Это ужасный паттерн

А потом от этого ничего и не работает

а как правильно? если мне надо экспортировать функции из модуля

Правильно, что каждый модуль должен иметь сущность

И изолированную целостность

А не набор сниппетов из которых импортом нужный сниппет цепляешь

т.е. то, что модуль экспортирует функции - это неправильно? что он тогда вообще может экспортировать? :)

Нет

Каждый модуль должен иметь файл, с инициализацией модуля и всей его структурой

То что ты сделал, это не модуль, а библиотека сниппетов

Каждый модуль должен иметь файл, с инициализацией модуля и всей его структурой

что с этим файлом делать потом в основном модуле?

если он ничего не экспортирует

что с этим файлом делать потом в основном модуле?

Подключать и работать

подключать типа через require?

Как это он ничего не экспортирует

С тобой все хорошо?

От праздников отошел?