Size: a a a

Webpack — русскоговорящее сообщество

2020 December 01

🦜

🦜 in Webpack — русскоговорящее сообщество
Alex Koma
То есть в момент сборки там присылается флаг платформы и подключается файл за файлом
file1_base.ts
file1_base_platform_x.ts

То есть на данный момент там все зависит от порядка подключения файлов, от чего уж очень хочется уйти)
Можно попробовать require() внутри условия
источник

D

Denys in Webpack — русскоговорящее сообщество
Добрый день!

Столкнулся в сафари с такой проблемой, что в хтмл-коде не могу вызвать функции, которые передаю в index,js таким образом:

import axios from 'axios';
import Inputmask from "inputmask";
import Pristine from "pristinejs";

window.axios = axios;
window.Inputmask = Inputmask;
window.Pristine = Pristine;

в сафари выдает ошибку
ReferenceError: Can't find variable.......

Подскажите кто сталкивался с подобным и какие варианты решения применялись?

Спасибо!
источник

AK

Alex Koma in Webpack — русскоговорящее сообщество
🦜
Можно попробовать require() внутри условия
А если заюзать динамические импорты?

// It'll return a Promise. So, you can use with async/await syntax
import(`library-${argument1}`)

Интересно как его вебпак захавает
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Denys
Добрый день!

Столкнулся в сафари с такой проблемой, что в хтмл-коде не могу вызвать функции, которые передаю в index,js таким образом:

import axios from 'axios';
import Inputmask from "inputmask";
import Pristine from "pristinejs";

window.axios = axios;
window.Inputmask = Inputmask;
window.Pristine = Pristine;

в сафари выдает ошибку
ReferenceError: Can't find variable.......

Подскажите кто сталкивался с подобным и какие варианты решения применялись?

Спасибо!
=) не надо так делать
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
модули для того и нужны чтобы не засирать глобальный неймспейс
источник

D

Denys in Webpack — русскоговорящее сообщество
Alex CherryTea
=) не надо так делать
я понимаю, но мне нужно с пыха передать параметры динамично
источник

D

Denys in Webpack — русскоговорящее сообщество
есть ли какое-то решение для сафари?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Denys
я понимаю, но мне нужно с пыха передать параметры динамично
ну вот переменные эти и положите глбально
источник

D

Denys in Webpack — русскоговорящее сообщество
Alex CherryTea
ну вот переменные эти и положите глбально
подскажите как
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
<script>
window.myVaribaleFromPHP = <$ ...
</script>
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
но можно еще лучше
источник

D

Denys in Webpack — русскоговорящее сообщество
Alex CherryTea
<script>
window.myVaribaleFromPHP = <$ ...
</script>
а модуле просто забрать:
let test = window.myVaribaleFromPHP;
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
<script type="module">
 import init from "./app.js";
 init(<? ...>)
</script>
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
но это к сожалению не работает в старых браузерах
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Denys
а модуле просто забрать:
let test = window.myVaribaleFromPHP;
да
источник

D

Denys in Webpack — русскоговорящее сообщество
Alex CherryTea
<script>
window.myVaribaleFromPHP = <$ ...
</script>
я ж могу в любом месте страницы задать? или обязательно до вызова моего скрипта?
источник

A

Alex CherryTea in Webpack — русскоговорящее сообщество
Denys
я ж могу в любом месте страницы задать? или обязательно до вызова моего скрипта?
До скрипта
источник

D

Denys in Webpack — русскоговорящее сообщество
Alex CherryTea
До скрипта
плохо
источник

D

Denys in Webpack — русскоговорящее сообщество
)))
источник

D

Denys in Webpack — русскоговорящее сообщество
у меня сейчас в ЦМС скрипт лежит в <head>
источник