홈>
laravel-mix
를 사용하고 있습니다
그것은
webpack
의 상단에 내장
. fonts 디렉토리에 문제가 있습니다. 예를 들어,
font-awesome
package에는 scss 파일과 모든 글꼴이있는 글꼴 디렉토리가 있습니다.
font-awesome:.
├───scss
│ fontawesome.scss
└───webfonts
fa-regular-400.eot
fa-regular-400.svg
fa-regular-400.ttf
fa-regular-400.woff
fa-regular-400.woff2
그래서이 패키지를
resources/assets/sass
에 넣습니다.
디렉토리.
resources:.
└───asset
└───sass
│ main.scss
│
└───font-awesome (directory)
main.scss
코드를 포함합니다 :
@import 'font-awesome/scss/fontawesome';
webpack.mix.js
포함 :
mix.sass('resources/assets/sass/main.scss', 'public/css/frontend.css');
모든 자산이 성공적으로 컴파일되었습니다. 이제
public
디렉토리에
css
가 있습니다
그리고
font
디렉토리는 이와 같은 모든 글꼴이 있습니다.
public:.
│ index.php
│
├───css
│ frontend.css
│
├───fonts
│ fa-regular-400.eot
│ fa-regular-400.svg
│ fa-regular-400.ttf
│ fa-regular-400.woff
│ fa-regular-400.woff2
그러나 내가 원하는 것은 모든 글꼴을
public/fonts
로 컴파일하고 싶지 않다는 것입니다.
디렉토리 다음 구조
public/fonts/vendor/font-awesome
로 컴파일하고 싶습니다.
public:.
├───css
│ frontend.css
│
└───fonts
└───vendor
└───font-awesome
fa-regular-400.eot
fa-regular-400.svg
fa-regular-400.ttf
fa-regular-400.woff
fa-regular-400.woff2
webpack.mix.js
에서 변경해야 할 사항
파일.
- 답변 # 1
- 답변 # 2
라 라벨 믹스를 사용하고
public/fonts
를 변경하려고하면public/assets/fonts
로 예배 규칙서, 이 코드는webpack.mix.js
에서 사용할 수 있습니다let mix = require('laravel-mix'); mix.config.fileLoaderDirs.fonts = 'assets/fonts';
- 답변 # 3
다음과 같이 직접 복사 해보십시오 :
mix.copyDirectory('assets/font-awesome/webfonts', 'public/fonts');
또는 파일을 하나씩 복사 할 수 있습니다 :
mix.copy('assets/font-awesome/webfonts/example.ttf', 'public/fonts/example.ttf');
관련 자료
- ubuntu - 루트 디렉토리에서 다른 사용자 홈 디렉토리로 파일 이동
- laravel의 다른 함수에서보기로 돌아 가기
- laravel에서 사용자 등록 후 다른 테이블에 사용자를 추가하는 방법은 무엇입니까?
- php - Ajax 요청 후 laravel에서 다른 도메인으로 쿠키를 설정하는 방법이 있습니까?
- PHP fileupload에 대한 랜덤 디렉토리를 생성합니다
- Android Studio에서 다른 버튼을 클릭하여 버튼을 생성하는 방법
- 컨트롤러 laravel의 다른 기능에서 사용할 ID를 얻는 방법
- css - Laravel 7 글꼴 및 올빼미 회전 목마
- 배치 스크립트 창에서 한 위치에서 다른 위치로 디렉토리 복사
- Laravel - 라 라벨 - 이전 버튼을 클릭하여 모든 데이터가 그대로 유지 된 다른 양식으로 사용자를 리디렉션합니다
- game maker - Ini 파일은 내 컴퓨터에서만 작동합니다 다른 컴퓨터의 디렉토리에 ini 파일을 만드는 방법은 무엇입니까?
- python - 다른 목록의 색인을 기반으로 목록 생성
- php - laravel 8 - auth 디렉토리의 경로가 정의되지 않았습니다
- php - file_put_contents는 laravel의 공용 디렉토리에서 파일을 생성합니다
- 다른 디렉토리의 입력 txt 파일을 사용하여 C 프로그램에서 파일을 만드는 방법
- eloquent - laravel의 Auth 사용자를 기반으로 다른 테이블의 데이터를 어떻게 표시합니까?
- charts - libreoffice - 다른 시트의 데이터로 동일한 그림 생성
- bash - 모든 파일에 대해 디렉토리를 만들고 각 파일에 대해 "n"복사본을 생성합니다
- docker - Conainter의 디렉토리를 다른 After 컨테이너에 마운트하는 방법은 무엇입니까?
1 : 먼저 명시 적 폴더 구조 만들기 :
라 라벨 프로젝트에서 이와 같이
public/fonts/vendor/font-awesome
font-awesome
에서 모든 글꼴을 이동 위에서 언급 한 디렉토리로 패키지합니다.2 : $fa-font-path 변수 값 변경 :
font-awesome
directory에는_variables.scss
라는 파일이 있습니다 그 파일 안에는$fa-font-path
라는 이름의 변수가 있습니다 값을 이와 같이 변경하십시오.자산을 컴파일하면 작동합니다.