나는 2 개의 다른 그림 폴더가 있습니다. - SRC/자산/IMG/img1.png - SRC/컨텐츠/미디어/img2.png dist 디렉토리 출력이 : - DIST/img1.png - DIST/IMG2 .PNG 하지만, 다음과 같이해야합니다 : -/img1.png DIST/자산/IMG - img2.png DIST/컨텐츠/미디어/ 작동하기 때문에 무엇을 변경
webpack 및 이미지 제공과 관련하여 질문이 있습니다. React 웹 애플리케이션을 빌드하고 특정 폴더의 .jpg 파일을 제공하는 webpack 구성이 있습니다. 그러나 내 webapp에서이 이미지를 다운로드하여이 폴더에 추가하면 어떻게됩니까? webpack을 새로 고침하여 새 이미지를 제공 할 수 있으며 require.context으로 가져올 수 있습
일부 파일 로더 규칙과 함께 webpack을 사용하는 React 프로젝트가 있습니다. 나는를 실행하려고 할 때 놀라 울 정도로 ERROR in ./src/components/Header/index.js
Module not found: Error: Can't resolve '../../assets/images/search.jpg' in '/Users/leo
Webpack 3을 설치하고 현재 src 폴더에서 my dist 폴더로 복사하려는 정적 이미지의 자산 관리를 구성하고 있습니다. dist 폴더에 복사 할 때 내 /img 폴더의 파일 구조를 그대로 유지하고 싶습니다. 그러나 실행중인 문제는 경로 자리 표시 자의 일부를 제거하려고하는 위치입니다. 내가 성취하려고하는 것이 가능한가? 다음과 같이 내가 내 규칙이
어떻게 파일 로더를 사용하여 전체 이미지 경로를 저장할 수 있습니까? 내 로더 CFG test: /\.(png|jpe?g|gif|ico)$/,
use: [ 'file-loader?name=[name].[ext]&outputPath=images/' ]
IMG 경로 내가 use: [ 'file-loader?name=[path][name].[ext]
PHP와 React 프로젝트에 webpack을 사용하고 있습니다. webpack 파일 로더와 함께 .scss 파일에서 배경 이미지를로드하고 싶지만 어떤 이유인지 모르겠지만 img -folder는 복사되지 않고 내 dist -folder 폴더로 내 보냅니다. 나는 또한 loader: 'file-loader?name=/dist/img/[name].[ext]',
React 응용 프로그램에서 이미지 번들을 사용하기 시작했으나 브라우저에 표시되지 않습니다 (<img/> 태그가 있지만 이미지가 없음). "webpack"을 실행하면 이미지가 공용 폴더에 해시 이름으로 표시되고 "webpack-dev-server"를 실행하면 이미지가 번들로 표시되지만 브라우저에는 아무것도 표시되지 않습니다. 이 내 웹팩 구성 파일입니다 m
webpack을 사용하여 file-loader을 통해 내 svg를로드하려고합니다. 이것은 가능합니다. 그렇다면 어떻게해야합니까? 내가 비슷한 문제가 있었다 test: /\.(jpe?g|png|gif|svg)$/i,
use: [
{
loader: 'file-loader',
options: {
name:'[name].[e
파일 로더 outputPath 옵션을 켜고 AOT 빌드를 빌드 할 때 문제가 발생합니다. 결과 출력은 태그가 따옴표 ("<img src=images/world.png alt=world />")로 둘러싸여 있습니다. 이것은 내 AOT 빌드에서만 발생하며 내 개발 빌드에서는 발생하지 않습니다. 그래서 파일 로더가 컴파일주기 동안 잘려서 결과 문자열이 삽입 된
리얼에서 로컬 에셋을 저장하는 것은 매우 새로운 기능입니다. 내가 파일 로더 및 이미지 로더 웹팩을 구성하고 로컬 이미지를 저장하지만, 어떤 이유로이 게재하지 않는 것 같습니다했습니다 import React, { Component } from 'react';
import WorkItem from './work-item';
import WorkItemsA