народ, настраиваю Vue + Webpack...прописал package.json и webpack.config.js. Точка входа index.js...как в нем прописать Vue?

vue-cli видел?

vue-cli видел?

только что установил, разбираюсь

только что установил, разбираюсь

да, пардон, уже посоветовали. Если что, у него есть документация. Еще рекомендую полистать доку по vue-loader

https://telegram.org/blog/admin-revolution картинка к новости четкая)))

все в милых оранжевых робах

?

>This update also features anti-censorship tools such as the ability to set up a Proxy server in the “Data and Storage” section of the Settings.

а можно как то подключить модуль и не использовать webpack или vue-cli?

допустим такой https://github.com/niksmr/vue-masked-input

Нельзя этот

Он не собран вебпаком изначально

Он не собран вебпаком изначально

так я спрашиваю как его подключить, БЕЗ webpack

Я и отвечаю

Никак

git clone ... script src="dist/maskedInput.js"

Не сработает

ща будет батл... :)

Посмотрите на файл прежде чем советовать

Там импортв

Нужен umd билд а его там нет

поясните как работает шаблон webpack, который я установил с помощью vue-cli

открыл файл index.html...пусто

зашел в main.js, там импортируется сам Vue, компонент App и роутер

далее new Vue({ el: '#app', router, template: '<App/>', components: { App } })

Мы все это видели

#app откуда он берет?

Он есть в index.html

это селектор, ало

Он есть в index.html

а как main.js привязан к index.html?

в индексе же нет <script>

это селектор, ало

я как бы в курсе :))

вебпак хтмлплагин может быть

я понял что там 2 компонента, которые рендерятся на индексе, только не пойму как

@xanf_ua Илья, добрый вечер! Знаю, что вы используете в своих проектах flow + tcomb. С коллегой столкнулись с проблемой, что при сборке проекта через вебпак, начала выкидываться ошибка src/services/frontend/step-controller/Step.js Module parse failed: D:\GIT\Megafon_SSK_UI_2.0\node_modules\react-hot-loader\index.js!D:\GIT\Megafon_SSK_UI_2.0\node_modules\babel-loader\index.js?cacheDirectory!D:\GIT\Megafon_SSK_UI_2.0\node_modules\eslint-loader\index.js!D:\GIT\Megafon_SSK_UI_2.0\src\services\frontend\step-controller\Step.js The keyword 'yield' is reserved (49:6) You may need an appropriate loader to handle this file type. SyntaxError: The keyword 'yield' is reserved (49:6) at Parser.pp$4.raise (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:2221:15) at Parser.pp$3.parseIdent (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:2182:14) at Parser.pp$3.parseExprAtom (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1774:21) at Parser.pp$3.parseExprSubscripts (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1715:21) at Parser.pp$3.parseMaybeUnary (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1692:19) at Parser.pp$3.parseExprOps (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1637:21) at Parser.pp$3.parseMaybeConditional (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1620:21) at Parser.pp$3.parseMaybeAssign (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1597:21) at Parser.pp$3.parseExpression (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1573:21) at Parser.pp$1.parseStatement (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:727:47) at Parser.pp$1.parseBlock (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:981:25) at Parser.pp$3.parseFunctionBody (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:2105:24) at Parser.pp$1.parseFunction (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1065:10) at Parser.pp$3.parseExprAtom (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1810:19) at Parser.pp$3.parseExprSubscripts (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1715:21) at Parser.pp$3.parseMaybeUnary (D:\GIT\Megafon_SSK_UI_2.0\node_modules\acorn\dist\acorn.js:1692:19) В babelrc добавился только новый плагин tcomb { "presets": ["es2017", "stage-0", "react"], "plugins": [ "tcomb", "transform-flow-strip-types", "transform-es2015-modules-commonjs", "babel-plugin-transform-react-inline-elements", "transform-decorators-legacy" ] }(Да, мы можем себе позволить es2017 :) ) Дело в использовании генераторов в файлах, которые мы типизировали. Как только генератор убрать - проект собирается. Но тут есть еще одна интересная вещь. Проект мы собираем, прогоняя его через babel-loader. А еще мы прогоняем тесты, которые запускаем через babel-core/register. В данном случае тесты проходят отлично без выкидывания подобных ошибок и tcomb также валидирует параметры в runtime. Вопрос, сталкивались ли вы с подобной проблемой: с генератором, tcomb и webpack babel-loader'ом?

Да

Да

ё-маё...ну напиши ты в личку...кто щас мой вопрос найдет :)))

Ключевые слова: passPerPreset, и играться с порядком пресетов в бабеле

ё-маё...ну напиши ты в личку...кто щас мой вопрос найдет :)))

Да HtmlWebpackPlugin смотри

ё-маё...ну напиши ты в личку...кто щас мой вопрос найдет :)))

Я в личку принципиально не отвечаю. Знания должны быть общими

Alex извини, но тут общий чат, и проблемы, которые у кого-то возникают, тоже общие и кому-то может пригодиться ответ на нашу проблему

ё-маё...ну напиши ты в личку...кто щас мой вопрос найдет :)))

я сам не люблю таки советы, но просто почитай доку

Alex извини, но тут общий чат, и проблемы, которые у кого-то возникают, тоже общие и кому-то может пригодиться ответ на нашу проблему

проблемы общие, а такие матрасы, надо размещать на сторонние ресурсы и сюда ссылку кидать :)

проблемы общие, а такие матрасы, надо размещать на сторонние ресурсы и сюда ссылку кидать :)

Без матраса понять проблему в большинстве случаев проблемно, а вот разместить где-то на стороне - не подумал.

Без матраса понять проблему в большинстве случаев проблемно, а вот разместить где-то на стороне - не подумал.

ну дык я про это и написал, твой вопрос долго-долго скролить надо :)

я сам не люблю таки советы, но просто почитай доку

к vue-cli или HtmlWebpackPlugin?

ну вообще, откуда #app берётся и всё такое

да он спрашивает как скрипт инклудится

?

ну ладно, я видимо сам не понял

ХтмлВебпакПлагин его инклудит

ну вообще, откуда #app берётся и всё такое

ёшкин кот, я в курсе что такое #app :)

ХтмлВебпакПлагин его инклудит

а вот как я должен был догадаться, что в этом шаблоне плагин этот используется...в доках к шаблону пусто про это...без вангования никак

а как main.js привязан к index.html?

у тебя в вебпаке есть entry: { app }, туда указываетя твой main.js, в output указывается куда и как всё это собирать

а вот как я должен был догадаться, что в этом шаблоне плагин этот используется...в доках к шаблону пусто про это...без вангования никак

Открываешь конфиг вебпака и идешь читаешь

а вот как я должен был догадаться, что в этом шаблоне плагин этот используется...в доках к шаблону пусто про это...без вангования никак

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

мне вот интересно, какого размера должен быть проект, чтобы было целесообразно все это использовать...такой объем инфы нужно освоить, чтобы подключить один гребанный компонент

мне вот интересно, какого размера должен быть проект, чтобы было целесообразно все это использовать...такой объем инфы нужно освоить, чтобы подключить один гребанный компонент

Никто не заставляет использовать webpack. Можешь просто подключить Vue скриптом на страницу и юзать как jQuery(почти). Правда, тогда и однофайловых компонентов не видать.

мне вот интересно, какого размера должен быть проект, чтобы было целесообразно все это использовать...такой объем инфы нужно освоить, чтобы подключить один гребанный компонент

Да и дело даже не в объеме проекта. Ты можешь выкинуть половину, а потом ручками делать то же самое - например, вставлять собранный js файл в свою html страницу. И каждый раз, при кадом билде дописвать ?v=2, что б обмануть кэш браузера

мне вот интересно, какого размера должен быть проект, чтобы было целесообразно все это использовать...такой объем инфы нужно освоить, чтобы подключить один гребанный компонент

Ты не с той стороны смотришь

а с какой смотреть? :) установил шаблон...все хорошо...открываешь файлы...и фиг поймешь откуда чего берется...магия ядрён-батон :)

нет никакой магии. Находишь точку входа и вперед, изучать что/чего

ERROR: S client not available

по идее для того, чтобы использовать js, нужно его подключить на страницу...смотришь...хрена там...а оно работает :)

ну потому что надо понимать как работает все

и потом начинать использовать шаблоны

Ты сейчас пытаешсья понять как подключить какую-то библу для мелкого проекта, сам не понмиая зачем

ну ты же запускаешь билд командой npm run dev. Идешь гуглишь что такое npm, потом npm run, потом смотришь package.json и пошло поехало

ну потому что надо понимать как работает все

скинь мне ссылку на доку, где написано, что так можно подключать js?

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

скинь мне ссылку на доку, где написано, что так можно подключать js?

JS подключается с помощью ES6 импортов

где тег script в html?

где тег script в html?

вебпак вставляет

Ключевые слова: passPerPreset, и играться с порядком пресетов в бабеле

К сожалению, пока не помогает. Перепробовал со своим конфигом все возможные варианты очередности presets. Есть идеи куда еще можно поковырять? Проблема точно в генераторах и какой-то плагин/модуль не может их понять.

ХтмлВебпакПлагин его инклудит

К сожалению, пока не помогает. Перепробовал со своим конфигом все возможные варианты очередности presets. Есть идеи куда еще можно поковырять? Проблема точно в генераторах и какой-то плагин/модуль не может их понять.

Там проблемы с очередностью, да. Плагины в пресеты тоже можно помойму сунуть

Я с этим долго возился

Tupalov а вообще я противник ткомб сейчас

>обновил телеграм - socks5

Tupalov а вообще я противник ткомб сейчас

А что изменилось?)

Это неправильный подход

И сам gcanti это признал

Используйте flow-runtime

import App from './App.vue' если я вот так подключаю компонент, то как его в template зарегистрировать? template: { "my-component" : App; } так?

Используйте flow-runtime

Ок спасибо. Глянем

import App from './App.vue' если я вот так подключаю компонент, то как его в template зарегистрировать? template: { "my-component" : App; } так?

Документацию почитай, там есть примеры

Документацию почитай, там есть примеры

нету

нету

Плохо смотришь

Плохо смотришь

на 3 раза уже просмотрел раздел про Однофайловые компоненты и раз на 5 про Компоненты ;)

на 3 раза уже просмотрел раздел про Однофайловые компоненты и раз на 5 про Компоненты ;)

Просто читай сначала

Просто читай сначала

ты думаешь, что я сложно читал? :)

import App from './App.vue' если я вот так подключаю компонент, то как его в template зарегистрировать? template: { "my-component" : App; } так?

ты компонент или шаблон пытаешься подключить?

компонент