Описание тега webpack-file-loader

0 ответов

Webpack file-loader выводит странные пути

Итак, у меня есть простая конфигурация для загрузки изображений в webpack.config.js use: [ { loader: 'file-loader', options: { name: '[name].[ext]', outputPath: '../img/', publicPath: '/img/' } }, 'image-webpack-loader' ] Но это делает src в моем ша…
15 сен '17 в 12:34
0 ответов

WebPack publicPath не используется в серверной сборке

У меня есть универсальное приложение Javascript с двумя конфигами веб-пакетов - один для сервера и один для клиента. В обеих конфигурациях я использую файл-загрузчик, чтобы требовать статические файлы (шрифты, изображения и т. Д.) И получить URL для…
26 июл '16 в 11:28
0 ответов

Где находятся файлы, испускаемые загрузчиком файлов, в выходном пакете?

У меня есть простое веб-приложение типа Hello World. Он просто отображает текст "Привет, мир!" с фоновым изображением. Приложение работает, как и ожидалось, но я хотел бы лучше понять, как изображение упаковано и подается. Когда я бегу webpack-dev-s…
0 ответов

Webpack: избегайте копирования глобальных статических файлов в папку dist

Я борюсь с веб-пакетом, чтобы избежать копирования файлов из статических папок в папку dist в производственном режиме. В процессе разработки статические поля должны быть загружены в папку dist, что сделано с загрузчиками файлов. Но как это возможно,…
31 май '18 в 19:04
1 ответ

Webpack и файл-загрузчик не загружают шрифты

У меня есть следующие скрипты веб-пакета: const PATHS = { app: path.join(__dirname, 'app'), build: path.join(__dirname, 'build'), fonts: path.join(__dirname, 'app/assets/fonts') }; Мои файлы упакованы и выводятся в каталог сборки, и все работает нор…
10 май '16 в 20:42
1 ответ

Файл-загрузчик, url-загрузчик и веб-пакет не загружают изображение

Я пытаюсь импортировать изображение в код React следующим образом (я использую babel): import borgCube from '../assets/cube.png'; <img className="img-rounded" src={borgCube}></img><p /> Что я вижу, когда проверяю сломанное изображе…
1 ответ

Не удается загрузить видеофайлы с помощью Webpack 3 и File-Loader

Я загружаю ресурсы с помощью загрузчика файлов в Webpack3, и все хорошо работает для распространенных типов изображений, но когда я пытаюсь загрузить видео (MP4, MOV ...), кажется, что он не может их обнаружить. Вот код для загрузки ресурсов в моем …
07 янв '18 в 12:43
1 ответ

Неправильный путь к изображению

test.js console.log(require('./../images/xxx.png')); // images/xxx.png // correct should be ../images/xxx.png Я не знаю вопроса, вызванного require или webpack loader webpack.config.js output : { path : path.join(__dirname,'public'), publicPath : '/…
27 июн '16 в 03:10
0 ответов

Webpack изображений во внешнем модуле

Я ищу с открытым исходным кодом модуль JavaScript, который содержит изображения. В настоящее время я включаю изображения в проект и импортирую их с помощью загрузчика файлов Webpack, который отлично работает в проекте, но не будет работать, если мод…
09 мар '18 в 18:24
1 ответ

Получить неверный путь вывода в загрузчике файлов Webpack

Я не могу получить пути к загрузчику файлов webpack (3.10) так, как мне нужно... Вот выдержка из моего webpack.config.js // ... const images = { test: /\.(jpg|png|svg)$/, use: { loader: 'file-loader', options: { name: 'images/[path][name].[hash].[ex…
15 дек '17 в 08:56
0 ответов

Webpack не выводит изображения, указанные в атрибуте img src с псевдонимами

Webpack Config: const config = { entry: 'src', output: { path: 'public', }, resolve: { alias: { img: 'src/path/to/img', fonts: 'src/path/to/fonts' } }, module: { rules: [ { test: /\.(png|jpe?g)/, use: 'file-loader?name=[name].[ext]outputPath=img/' }…
13 янв '18 в 07:12
2 ответа

Заставить webpack игнорировать каталог

Я делаю расширение Chrome, которое внедряет скрипты контента. Я не хочу, чтобы скрипты содержимого обрабатывались веб-пакетом. Моя структура каталогов: /extension |-manifest.json |--scripts |- background.js |- content |-- script1.js |-- script2.js |…
0 ответов

Как получить доступ к __webpack_public_path__?

Я пишу загрузчик Webpack для файлов Pug, который, как часть его функции, отправляет пути файлов в цепочку загрузчиков Webpack для обработки. Я использую метод Webpack API this.loadModule() чтобы сделать это. Когда этот метод завершится, мне нужно зн…
21 окт '17 в 19:05
3 ответа

Удалить часть пути для загрузчика файлов веб-пакета

Я настраиваю Webpack 3 и в настоящее время настраиваю управление активами статических изображений, которые я хотел бы скопировать из моей папки src в мою папку dist. Я хотел бы сохранить структуру файлов моего /img папка на месте, поскольку она копи…
20 дек '17 в 13:04
0 ответов

Загрузчик файлов Webpack не создает и не копирует файлы в дистрибутиве

Привет, ребята (используя webpack 2.1.0-beta.22), поэтому у меня есть следующий конфиг в моем webpack.base.js: entry: { client: "./client/index.js" }, output: { path: _.outputPath, filename: '[name].js', publicPath: '/themes/default/dist/' }, module…
27 окт '16 в 21:12
0 ответов

Обработка ресурсов в дочерних проектах -> загрузка.svgs из node_modules

У моей команды был один гигантский изоморфный узел / реакция (my-parent-project), но мы вывели некоторые компоненты (my-child-project) в свои собственные пакеты npm, чтобы их могли использовать другие команды. В этих дочерних пакетах для любого знач…
13 окт '17 в 20:22
1 ответ

Перемещение связанного css в другой каталог изменяет префикс URL../ только на /

Я пытаюсь настроить конфигурацию веб-пакета (это мой первый раз с веб-пакетом) для многостраничного веб-сайта ( не SPA ). Все до сих пор идет хорошо, но пути URL для элементов в css не указывают на правильное назначение. я использую extract-text-web…
22 май '18 в 14:37
0 ответов

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

Я пытаюсь просто импортировать scss в мой файл main.js и извлечь его в отдельный файл.scss в выходной каталог. Все это работает - когда я меняю свой файл src scss, я вижу извлеченный файл в моей папке dist с обновленным кодом. Проблема в том, что в …
15 ноя '17 в 15:41
0 ответов

Ссылочный путь к шрифту для Webpack и простого фреймворка

Как настроить Webpack таким образом, чтобы относительные пути в библиотеке SCSS были правильно разрешены при импорте файлов библиотеки в приложение, скомпилированное через Webpack? У меня есть библиотека SCSS, которая частично структурирована, как п…
2 ответа

url-loader / file-loader разрывая относительные пути в выводе css с помощью веб-пакета

Я использую веб-пакет с некоторыми плагинами и загрузчиками, чтобы взять мою папку src / и создать папку dist /. url-loader (который возвращается к загрузчику файлов, когда изображения больше определенного предела) выводит изображения, найденные в м…