Будет

врешь?

Честно вру

фух

судя по аватарке

тебе 22-24?

25 стало 13 сентября

почти

судя по аватарке

А что с аватаркой?

пытался гадать по аватарке, как по чаю

Аа

Такой сейчас не найти

Она была до 30 хрома

https://webpack.js.org/plugins/context-replacement-plugin/#src/components/Sidebar/Sidebar.jsx

это всё хорошо, но ведь эти переменные только на сервере доступны. А как на основе них задать разные в клиентском js? Нужны разные адреса бекендов

ну

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

я же ттебе трюк со свичем показал же

никого прод не на ноде если что

я не понимаю в какой части приложения он будет работать, в App.vue же уже нет

никого прод не на ноде если что

ох чего я только не видел =(

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

Оно во время билда будет работать

https://pastebin.com/fLuApSjN

так тебе понятней?

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

если хочется, чтоб при минификации ненужное удалялось, то можно использовать фишку if (PRODUCTION) {}, if (DEVELOP) {}, самое главное, что эти значение отдавали только true или false, тогда eslint будет вырезать false ифы

я не захотел в доке вебпак темплейта копаться, поэтому использовал contextReplacementPlugin напрямую

глобальный лежит в config/index.js, это я вижу, в нем есть module.exports = { build: { env: require('./prod.env'), }, dev: { env: require('./dev.env'), } }

и когда собирал нужные сборки то export BUILD_TYPE="production" && node build

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

то прокидывай в dev или build нужные переменные

и вызывай их через process.env.url

я какую-то простую вещь упускаю, но понять пока не могу вот этот считч`switch (BUILD_TYPE)` будет работать во время сборки, т.е. мне, например, дев сервер надо перезапустить, верно?

да

вместо build_type будет вставляться переменная же

и это прямо в App.js можно писать, или таки нет?

да

эти переменные доступы приложению

и будут доступы и после сборки

вебпак вместо BUILD_TYPE вставит слово которое ты ему передал и все

вот и вся магия

BUILD_TYPE это моя переменная если что, я ее передал через настройки вебпака

new webpack.DefinePlugin({ 'process.env': config.dev.env, 'BUILD_TYPE': JSON.stringify(process.env.BUILD_TYPE) }),

https://webpack.js.org/plugins/define-plugin/

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

и есть чат https://t.me/webpack_ru

всё, заработало! switch (process.env.NODE_ENV) { //eslint-disable-line no-undef case 'development': apiUrl = 'http://api.dev.com'; break; case 'production': debugMode = false; sentryConfig = myconfig; apiUrl = 'http://api.prod.com'; break; default: apiUrl = 'http://api.dev.com'; domainUrl = 'localhost'; }

не хочу никаких дополнительных плагинов-лодеров-чатов, еще бы 10 минут и я перешел бы на sed, всё равно в гошечке go generate дергать =) спасибо!

ну я рад

?

@c01nd01r кстать, я не понял, как мне насоздавать конфигов под каждый случай?

если использовать возможности шаблона

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

Я не понимаю, какие конфиги ты хочешь

http://vuejs-templates.github.io/webpack/env.html

вот тут нам предлагают создавать конфиги под нужные env

а как запустить сборщик с нужным env я не вкурил

я из-за этого полез в definePlugin

когда по идеи шаблона должен юзать конфиги которые предоставляет шаблон

Всем привет, я новичок во vue и очень нуждаюсь в вашей помощи

Больше некуда пойти

Ситуация такая: есть приложение, есть пара дочерних компонентов, все работает, но не совсем правильно

Я регистрирую старший компонент через new Vue({components:{..})

Так вот в браузере devtools его не видит

И вообще он не создаётся

Если через render, то все хорошо

Используется сборщик или без него работа?

через new Vue({}) ты сознаешь новый инстанс, а не добавляешь компоненты глобально

Нет, это понятно

Я его выше импортирую

Сборщик есть, webpack

если ты используешь сборщик, то ты просто должен возвращать объект

без new Vue

Нет, тогда я не правильно понял

Я пошёл по очень простому пути, я взял vue-cli, сгенерил им проект

А потом добавил vuex

ты это читал? https://vue-loader.vuejs.org/ru/

Ну да, но у меня все настроено

я как бы предлагаю не настраивать, а прочитать как вообще .vue файлы работают

https://vue-loader.vuejs.org/ru/start/spec.html

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

Да чет рили пока неясно

Подробнее проблему с кодом

Я пошёл по очень простому пути, я взял vue-cli, сгенерил им проект

к твоему удивлению, все такой путь используют, он не простой, а один из верных

Так, есть файл main.js, есть файл App.vue. Точка входа main.js, там создаётся экземпляр Vue. При создании в конструктор передаётся объект с полем components, в который передаётся корневой компонент App. Но при запуске приложения он не создаётся

Так не надож в него компонент передавать в корень. Его mount надо

new Vue({ el: '#app', template: '<App/>', components: { App }, router, store, }); по умолчанию так у всех, а дальше строят приложение от App.vue

el: '#app' это точка монтирования, может ты ее не указал?

интересно, components: { App }, это зачем вообще. у меня без этого, хотя глянул шаблон вебпака там есть

Нет, указал, все точно так же

а все сорян я сплю, у меня рендер)

При этом если писать через render(h){return h(App)}

Все хорошо

render: h => h(App)

ну вот так и пиши

в чем проблема?)