Публикации по теме 'webpack'


Пришло время изучить Webpack
Я использую Webpack . Я использовал его в create-response-app (CRA) через сценарии реакции , а также в других проектах, в которых настраиваются пользовательские конфигурации, прежде чем я прикоснусь к ним. Но я действительно не знаю, как это работает. Я смотрю на конфигурации, я понимаю некоторые идеи, лежащие в основе этого, но я никогда не писал конфигурацию Webpack и не пытался настроить свою собственную. Об этом и будет эта статья. Переход от отсутствия конфигурации к..

Сегодняшний мой дневник на английском (27 мая 2016 г.)
Это тренировка для моего английского языка. Я чувствую, что инновации в веб-технологиях происходят очень быстро. Сейчас я создаю веб-приложение для своей компании. Это приложение представляет собой систему управления входом и выходом из комнаты. Но это не просто управление входом и выходом. Например, табличка конференц-зала меняется на «зарезервировано», когда пользователь создает план в Календаре Google. Я пробую знаменитый пакет npm. (например, React, Redux, karma, mocha,..

ES Check, небольшая утилита JavaScript, которая спасет ваши задницы
Когда дело доходит до разработки программного обеспечения, JavaScript повсюду. Его можно использовать для создания приложений, веб-страниц, на серверах или в маленьких роботах 🤖! Как мы можем убедиться, что ваш JavaScript может работать везде, где вы хотите, как мы этого хотим? Что ж, вот что делает ES Check ! Это утилита, которая была написана для обеспечения того, чтобы версия JavaScript, предназначенная для производства, соответствовала ожидаемой версии JavaScript для производства...

Webpack: одно за раз.
Каждый раз, когда я пытался узнать о скриптах сборки, упаковщиках или других штуках javascript, у меня возникали проблемы с поиском руководств, в которых не требовалось настраивать все . Когда вы учитесь, вам не нужно настраивать приложение React/Redux с тестами Sass, Flow и Jest. Иногда хочется просто делать что-то одно. Это руководство посвящено настройке проекта Webpack , и мы сделаем только минимально возможное. Webpack — это упаковщик. Все ваши файлы Javascript, HTML, CSS,..

Микро-интерфейсы с использованием единого SPA и объединения модулей
Давайте вместе создадим приложение с микро-интерфейсом В этой статье я расскажу, как реализовать приложение с микро-интерфейсом с единой спа-системой и федерацией модулей в Webpack. Пример репозитория Вот окончательная база кода на GitHub: manakuro / micro-frontends-single-spa-module-federation Приложение с микро-интерфейсом, использующее единый спа-центр и федерацию модулей - manakuro / micro-frontends-single-spa-module -federation github.com..

Вопросы по теме 'webpack'

Не удается найти модуль shelljs при включении библиотеки в машинописный текст angular 2
Я хочу включить библиотеку shelljs в машинописный текст angular 2. Я включил файл shelljs.d.ts в свою библиотеку node_modules/shelljs. Мой пакет.json "name": "myproj1", "description": "myproj1: A project", "typings": { "shelljs": {...
4080 просмотров

Включение модуля с зависимостями в качестве точки входа в Webpack (Angular 2 Typescript)
Я настроил Webpack в своем проекте и в поле точки входа добавил полифиллы, файлы поставщиков и приложений. Но у меня есть еще один файл myComponent.js, в котором есть зависимости. webpack.common.js entry: { 'polyfills':...
3507 просмотров
schedule 02.12.2023

Не удается динамически передавать относительный путь src для imgs в Vue.js + webpack
Проблема, с которой я столкнулся, заключается в использовании vue.js с веб-пакетом. У меня есть список, который я хочу динамически заполнять в vue.js. Я использую v-for для перебора каждого объекта и создания элементов списка. Чтобы привязать...
2487 просмотров
schedule 18.01.2024

Как правильно использовать Three.js в Webpack, чтобы я мог использовать OrbitControls?
В моей конфигурации веб-пакета: resolve: { alias: { 'three': path.resolve('node_modules', 'three/build/three.js'), 'OrbitControls': path.resolve('node_modules', 'three/examples/js/controls/OrbitControls.js'),...
1543 просмотров
schedule 04.01.2024

Настройка аутентификации для прокси webpack
У меня есть служба .Net Web API, работающая с включенной проверкой подлинности Windows. У меня есть отдельное приложение пользовательского интерфейса, для которого настроен веб-пакет. Я пытаюсь настроить прокси-сервер webpack для доступа к моему...
3094 просмотров
schedule 12.01.2024

Как использовать Intern с TypeScript и webpack?
Это вообще возможно? Когда я пытаюсь импортировать Intern в своих тестах следующим образом: import * as registerSuite from 'intern!object' а затем я запускаю webpack для транспиляции моих тестов * .ts, я получаю следующую ошибку:...
453 просмотров
schedule 21.11.2023

Передача аргументов командной строки в webpack.config.js
У меня есть простой webpack.config.js module.exports = { entry: "./app.js", output: { filename: "bundle.js" }, } И я хочу передать значения для entry и output через аргументы командной строки. Возможно ли это и как мне это...
36037 просмотров
schedule 11.12.2023

Как добавить файл js с помощью веб-пакета?
Я читал этот учебник по веб-пакету: https://webpack.github.io/docs/usage.html В нем говорится, что он объединяет файлы src и node_modules. Если я хочу добавить туда еще один файл .js, как я могу это сделать? Это сторонний файл, который не...
42246 просмотров
schedule 04.01.2024

Rails 5.1 + Webpacker + React-маршрутизатор
Я пытаюсь использовать все эти три в новом проекте. Я хотел обрабатывать маршрутизацию с помощью react-router . С настройкой «из коробки» все работает нормально, когда я начинаю, например. localhost:3000/ , а затем нажмите, например, Link...
737 просмотров

Пакет webpack не работает при перезагрузке?
Я думаю, проблема не в конфигурации реактивного маршрутизатора, а в том, что мой index.html не может обнаружить мой скрипт? Это моя ошибка: Не удалось загрузить ресурс: сервер ответил статусом 404 (не найден) это мой код конфигурации...
446 просмотров

проблема с веб-пакетом при попытке запустить среду разработки
Прежде чем вы прочтете это, извините за разделение моего кода на отдельные документы, это было слишком долго для редактора Stackoverflow. Я получаю эту ошибку, когда запускаю свою среду разработки: Файл конфигурации найден, но запись не...
43 просмотров
schedule 01.12.2023

Uncaught SyntaxError: неожиданный импорт токена - Reactjs
Мое приложение отлично работало как раз перед тем, как я установил simple-react-bootstrap . при его установке теперь отображается пустая страница, а в консоли отображается ошибка: Uncaught SyntaxError: Неожиданный импорт токена Я...
381 просмотров
schedule 24.12.2023

Пользовательский элемент Vue не может создать автономные файлы JS в Dist
Я следовал инструкциям по регистрации и использованию пользовательских элементов здесь: https://alligator.io/vuejs/custom-elements/ Я использую стандартный шаблон Webpack для Vue. Когда я бегу npm run build Я ожидаю получить...
1511 просмотров
schedule 10.12.2023

Angular 5 - загружать модули (которые неизвестны во время компиляции) динамически во время выполнения
Может ли Angular 5 загружать модули / компоненты, которые неизвестны во время компиляции, но во время выполнения динамически? Я думаю, это не сработает с использованием webpack, но, возможно, с использованием system.js? РЕДАКТИРОВАТЬ: Вся...
3604 просмотров

Webpack: как объединить клиентскую и серверную часть в один окончательный пакет?
У меня уже закружилась голова от многочисленных webpack конфигураций и вариантов использования, и я зашел в тупик. Наконец я создал свое приложение: react.js + express.js . Серверная сторона теперь просто обрабатывает отправленные данные формы...
1282 просмотров
schedule 17.01.2024

Vuetify псевдоним webpack css
Я использую шаблон vuetify webpack ( https://github.com/vuetifyjs/webpack ) и Я не могу заставить псевдонимы в /build/webpack.base.conf.js работать для импорта css (например, import "~assets/css/mycss.css" ), хотя он работает как шарм для импорта...
225 просмотров
schedule 25.10.2023

React Hot Loader v4.0.0 + Webpack 4 dev Server не обновляет приложение
Соединение WebSocket, кажется, установлено, но модули не обновляются. Вывод консоли Chrome: client?ecf9:80 [WDS] App updated. Recompiling... client?ecf9:223 [WDS] App hot update... 2client?ecf9:80 [WDS] App updated. Recompiling......
799 просмотров
schedule 11.11.2023

Пакет Aurelia Webpack не работает с PhoneGap
Я ищу способ заставить мое приложение Aurelia/ESNext/Webpack работать с PhoneGap (сборка Android). Связанные файлы помещаются в папку «www». Глядя на инспектор, кажется, что сервер веб-пакетов запрашивает некоторые файлы из неправильной папки при...
491 просмотров
schedule 17.12.2023

Babel 7 + Inversify 4 + WebPack 4 - неожиданный символ '@' в @inject
У меня есть проект Vue SPA с машинописным текстом, в котором я использую Inversify . Я использовал awesome-typescript-loader для компиляции исходного кода машинописного текста; теперь я хочу переключиться на Babel , но когда я компилирую свое...
2080 просмотров

Развертывание эластичного beanstalk Express + Webpack
пытаюсь развернуть мое серверное приложение на эластичном бобовом стебле. Возникли проблемы с командой webpack. Это было установлено локально в зависимости от разработчика. Команды для запуска приложения: "build": "webpack --config...
333 просмотров