Публикации по теме 'webpacker'
Получение Webpacker для компиляции с Vagrant Virtual Machine
Недавно я переносил приложение React / Rails с Gulp на Webpacker для компиляции наших интерфейсных компонентов. Обычно после установки Webpacker вы можете запустить bin/webpack-dev-server , и все ваши компоненты будут скомпилированы автоматически. Кроме того, если в скомпилированные файлы внесены какие-либо изменения, сервер автоматически перекомпилирует файл (ы).
С Vagrant я столкнулся с двумя проблемами во время начальной настройки:
Когда SSH вошел в мой терминал. После загрузки..
Rails 6 и Webpacker, что вам нужно знать…
Rails долгое время использовали Sprockets, пока DHH не объявил, что webpack будет компилятором javascript по умолчанию в Rails 6, я должен признать, что для меня это было нелегко, но я взломал код, и пришло время поделиться с вами некоторыми знаниями. надеюсь, что вы сэкономите время и разочарование :)
Перед тем, как мы начнем:
Прежде чем я что-либо объясню, я хочу упомянуть следующее:
ВЫ НЕ ОБЯЗАНЫ ИСПОЛЬЗОВАТЬ WEBPACKER С RAILS, и вы всегда можете вернуться к старому способу, к..
Как настроить тестирование JavaScript в Rails 5.1 с помощью Webpacker и Jest
Rails 5.1 поставляется с Webpacker , который позволяет таким динозаврам, как я, незаметно пробираться в гудящую яму JavaScript - эээ, ECMAScript - в которую нынче плавают крутые миллениалы.
Кажется, не так много документации о том, как настроить тестирование с помощью Webpacker, поэтому я решил, что буду записывать, как мне удалось в конечном итоге заставить его работать. Я решил попробовать Jest без особой причины, хотя я (ах!) не использую React.
Отказ от ответственности:..
Как интегрировать Vue.js с Rails 6
Начиная с Rails 6 компилятором JavaScript по умолчанию является Webpacker (а не Sprockets, как раньше). Webpacker является оболочкой для библиотеки сборки / связывания JavaScript Webpack (да, названия очень похожи, и это действительно вызывает путаницу).
С Rails 6 довольно легко интегрировать фреймворк JavaScript, такой как Vue.js или React.
Просто запустите новый проект Rails с флагом Webpack (замените vue на react или JS framework по вашему выбору, в зависимости от того, что вам..
Django webpacker — инструмент сжатия для объединения файлов css, js.
В производственной среде разработчикам сложно улучшить производительность приложения. Одним из методов повышения производительности является сжатие файлов CSS, js в один файл. Django webpacker предоставляет вам один сжатый файл CSS, js на страницу.
Вместо того, чтобы генерировать сжатые файлы для каждого запроса в продакшене, мы генерируем сжатые файлы css, js, обновления html-файла только в процессе разработки. Django webpacker действительно помогает вам генерировать эти сжатые файлы с..
Вопросы по теме 'webpacker'
Rails 5.1 с Webpacker. Использование пользовательских классов js
Я играю с rails 5.1, и у меня возникли проблемы с использованием настраиваемого класса из webpacker в js-файле конвейера ресурсов.
Я думал, что если бы у меня был какой-то служебный класс js, который я хотел бы использовать везде, я бы добавил его...
1269 просмотров
schedule
03.06.2022
Не удается загрузить стили с помощью Rails 5 и vue2-dropzone
Я пытаюсь заставить vue2-dropzone (версия 3.0.3) нормально взаимодействовать с моим приложением Rails 5.1.4. Я добавил Dropzone в свою форму и загрузил модуль, но почему-то не могу видеть стили по умолчанию. Я не думаю, что это проблема...
543 просмотров
schedule
19.07.2023
После добавления yarn и webpacker несколько ошибок при прекомпиляции
Недавно я добавил webpacker и yarn в приложение rails 5 и выполнил bundle exec webpacker:install:react .
Это установило множество зависимостей, и я получаю несколько ошибок при запуске bundle exec rake assets:precompile RAILS_ENV=production...
558 просмотров
schedule
03.07.2023
Как использовать ProvidePlugin в рельсах webpacker?
В настоящее время я получаю это, пытаясь использовать webpack.ProvidePlugin, но, похоже, не загружаю его правильно. вот мой environment.js
var webpack = require("webpack");
const { environment } = require("@rails/webpacker");
const vueLoader =...
854 просмотров
schedule
28.05.2023
Как добавить несколько source_path в Rails Webpacker
Мы используем Webpacker для загрузки файлов JavaScripts и CSS на веб-страницу.
В настоящее время в webpacker.yml мы установили source_path на app/javascript . Что отлично работает для загрузки файлов JavaScript из этого каталога.
Но в...
1650 просмотров
schedule
29.12.2022
webpacker: после установки страницы в приложении начали очень долго загружаться
Я устанавливаю webpacker в свое приложение rails, и после установки заметил, что страницы в приложении начали загружаться очень долго, что могло случиться?
из журналов:
Completed 200 OK in 90075ms (Views: 90072.2ms | ActiveRecord: 0.0ms)
Я...
62 просмотров
schedule
21.05.2023
Rails: Webpacker :: Manifest :: MissingEntryError в Home # index
Webpacker :: Manifest :: MissingEntryError в Home # index Отображает /Users/khalidhosein/Desktop/myEPKmedia/builder/khalid101/app/views/layouts/embedded_app.html.erb, где поднята строка # 7:
Webpacker can't find hello_react.js in...
15665 просмотров
schedule
24.06.2022
Webpacker не компилируется вживую
У меня запущены мои приложения Rails и установлен Webpacker. У меня есть webpack-dev-server, работающий как контейнер Docker, но он не реагирует на изменения в моих файлах и перекомпиляцию.
Может ли кто-нибудь проверить мою конфигурацию, чтобы...
2126 просмотров
schedule
03.02.2023
Webpacker создает только файл manifest.json, поэтому активы отсутствуют
Я создаю приложение Rails 5.2 с помощью драгоценного камня webpacker.
Я следовал инструкциям по установке, поэтому у меня есть файл app/javascript/packs/application.js и файл <%= javascript_pack_tag 'application' %> в моем макете....
2169 просмотров
schedule
30.08.2023
Rails 6.0 с Webpacker: Heroku Push Fail: ошибка: сбой RPC; передача curl 18 закрыта, оставшиеся данные для чтения
При нажатии на Heroku я обнаружил тайм-аут при компиляции, как показано ниже:
...
remote: -----> Installing node-v10.14.1-linux-x64
remote: -----> Installing yarn-v1.12.3
remote: -----> Detecting rake tasks
remote: -----> Preparing app...
3459 просмотров
schedule
28.10.2022
Rails 6 webpacker не может найти модуль для установленного модуля
в моем проекте Rails 6 я добавил jQuery pushMenu с
пряжа добавить push-меню
из https://www.npmjs.com/package/push-menu Теперь я могу см. это в папке узлов-модулей в виде всплывающего меню. однако, когда я пытаюсь импортировать или...
2836 просмотров
schedule
02.06.2022
Webpacker manifest.json возвращается к старым ссылкам на ресурсы после docker-compose up --build
Я заметил странную проблему в моей dockerized среде разработки, где ресурсы javascript приводят к ошибке 404, поскольку webpacker manifest.json указывает на несуществующий пакет.
Я задокументировал проблему, которая возникает после перестройки...
573 просмотров
schedule
29.11.2023
Rails 6: как добавить jquery-ui через webpacker?
В настоящее время я пытаюсь внедрить средство выбора даты в свое приложение, проблема в том, что нет документации о том, как добавить драгоценный камень jquery-ui-rails через веб-упаковщик.
Возможно, есть другой способ добавить драгоценные камни...
11033 просмотров
schedule
23.05.2023
Импорт CSS с помощью webpacker в Rails 6
Я использую webpacker с Rails и сейчас устанавливаю taildwindcss. В их руководстве по установке говорится, что следует использовать метод @import , если я использую postcss-import . Должен сказать, я запутываюсь всякий раз, когда мне нужно...
9551 просмотров
schedule
01.03.2023
Как заставить Jest распознавать JQuery в моем проекте Rails?
Я работаю над приложением первоначально-Rails-4-теперь-обновленным-до-5.1.6.2.
Первоначально мы полагались на Sprockets для нашего JS, но теперь в основном перешли на Webpacker, и для которого я хочу начать вводить тесты Jest.
У нас все еще есть...
290 просмотров
schedule
16.11.2023
Webpacker выбрасывает application.css, которого нет в manifest.json, в приложении * Rails 6 *
В настоящее время мы используем Rails 6 для нашего приложения. Он отлично работает в продакшене, но в режиме разработки выдает некоторые ошибки. Пожалуйста, помогите мне.
Так выглядят мои application.js и application.css
packs /...
6363 просмотров
schedule
15.08.2023
Сервер Rails 6 просто перестал компилировать веб-пакет
У меня происходит действительно странная вещь.
Я работал над этим проектом в своей среде разработки, и когда я запускал сервер Rails,
Он скомпилирует веб-пакет по первому запросу браузера.
Теперь, внезапно, этого не происходит, что приводит к...
4380 просмотров
schedule
31.07.2023
Как загрузить компоненты vue из импортированного гема в каталог lib в рельсах?
Мы используем Ruby Webpacker для загрузки сценариев Java на веб-страницу. в настоящее время мы установили пути, как показано ниже, в webpacker.yml
source_path: app/javascript
source_entry_path: packs
public_output_path: packs
Это...
88 просмотров
schedule
21.03.2023
Используйте плагины jQuery в Webpacker
У меня есть приложение Rails 5 с Webpacker.
Я пытаюсь добавить бесконечную прокрутку с помощью плагина jQuery, но получаю:
cars.js: 20 Uncaught TypeError: $ (...). infiniteScroll не является функцией
Мой файл cars.js выглядит так:...
198 просмотров
schedule
20.04.2022
Использование пользовательских переменных vuetify sass в приложении vue с использованием rails / webpacker
Я работаю над приложением Vue с бэкэндом Rails. Я использую Vuetify и хочу настроить переменные SCSS. К сожалению, я не могу использовать Vue-CLI, потому что мы все связываем с webpacker, реализацией rails для webpack. Таким образом, я пытаюсь...
1676 просмотров
schedule
22.06.2023