Size: a a a

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

2019 April 09

AD

Alexey Donetskiy in Webpack — русскоговорящее сообщество
Ребят, кто-то сталкивался с тем, что после обновления вебпака перестали загружаться FontAwesome c CDN
//netdna.bootstrapcdn.com/font-awesome/4.6.1/

Приходится прописывать путь к модулям.
../../../../../node_modules/font-awesome/fonts
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
Привет, подскажите пожалуйста,
В одной из сторонних библиотек такой импорт
require("acorn-loose")
А в дирректории с библиотекой acorn-loose лежат 2 файла acorn-loose.js и acorn-loose.mjs
При импорте я получаю ошибку
ERROR in ./node_modules/acorn-loose/dist/acorn-loose.mjs 28:13-17
   Can't import the named export 'Node' from non EcmaScript module (only default export is available)
Но при этом если удалить файл acorn-loose.mjs, то начинает импортировать acorn-loose.js и все работает
Как то можно заставить изначально импортировать acorn-loose.js?
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
"main": "dist/acorn-loose.js",
 "module": "dist/acorn-loose.mjs",
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
дело в том, что я не могу влиять на то как импортируется этот acorn
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
я делаю import infer from 'tern/lib/infer' (сторонняя библиотека) , а infer уже импортирует этот acorn
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
вопрос, как сделать что бы работало, не исправляя сторонние либы. Это невозможно?
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
может какой то приоритет можно выставить что бы вебпак грузил acorn-loose.js из секции "main", а не acorn-loose.mjs из "module"?
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
{
 "plugins": [
   "@babel/plugin-syntax-dynamic-import"
 ]
}
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
да
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
спасибо, сейчас попробую
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
Спасибо за советы, теперь хотя бы понятно в какую сторону копать! Буду пробовать
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
это у тебя такое?
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
ты неправильно походу терсер пушешь в плагины
источник

🇻

🇻 in Webpack — русскоговорящее сообщество
Ага, как только результаты будут
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
он должен в этой секции находиться
источник

🦜

🦜 in Webpack — русскоговорящее сообщество
это выглядит нелогично с моей стороны
источник

S

Sergey in Webpack — русскоговорящее сообщество
Привет. Подскажите по dynamic import. Вот хочу динамически либу подключать.
Пишу что-нибудь в этом роде:

import(/* webpackMode: "lazy" */ 'ace-builds').then(ace => {
var editor = ace.edit(el);
***
источник

S

Sergey in Webpack — русскоговорящее сообщество
ace все равно подгружается сразу при запуске приложения.
источник

H

Hedint in Webpack — русскоговорящее сообщество
Sergey
ace все равно подгружается сразу при запуске приложения.
так может быть этот код написан при запуске приложения?
когда грузить динамический импорт ты разруливаешь своим кодом.
где (и с каким условием, и в какой момент), ты напишешь dynamic import, там он и загрузится.
источник

S

Sergey in Webpack — русскоговорящее сообщество
Hedint
так может быть этот код написан при запуске приложения?
когда грузить динамический импорт ты разруливаешь своим кодом.
где (и с каким условием, и в какой момент), ты напишешь dynamic import, там он и загрузится.
Так и делаю (разруливаю своим кодом) код вызывается в момент создания view, при нажатии на определенный элемент интерфейса.
источник