Larabel 5에 외부 CSS 및 JS 파일을 포함하는 방법

Larabel 5에 외부 CSS 및 JS 파일을 포함하는 방법

I Using Laravel 5.0, Form 및 Html Helper는 이 버전에서 삭제되었습니다.헤더 파일에 외부 css 및 js 파일을 포함하는 방법을 모릅니다.현재 이 코드를 사용하고 있습니다.

<link rel="stylesheet" href="/css/bootstrap.min.css"> <!---  css file  --->
<script type="text/javascript" src="/js/jquery.min.js"></script>

올바른 방법은 다음과 같습니다.

<script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script>

ㅇㅇㅇㅇㅇㅇㅇㅇㅇㅇ가 있어요.jsapp/public자, 여기 , 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아, 아.jquery.jsURL:: asset() "URL" 입니다. css는 동일합니다.

<link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" />

이게 도움이 됐으면 좋겠다.

오래된 메호드들이란 걸 명심해

{{ Form::script() }}

그리고.

{{ Form::style() }}

더 이상 사용되지 않으며 Larabel 5에서는 작동하지 않습니다.

먹어봐.

스타일시트에 경로를 전달하기만 하면 됩니다.

{!! HTML::style('css/style.css') !!}

javascript 경로만 넘기면 됩니다.

{!! HTML::script('js/script.js') !!}

composer.json 파일의 require 섹션에 다음 행을 추가하고 composer update "iluminate/html"을 실행합니다. "5.*.

다음 값을 공급자 배열에 추가하여 config/app.php에 서비스 공급자를 등록합니다.

'Illuminate\Html\HtmlServiceProvider'

에일리어스 배열에 다음 두 줄을 추가하여 페이스를 등록합니다.

'Form'=> 'Illuminate\Html\FormFacade', 'HTML'=> 'Illuminate\Html\HtmlFacade'

레벨 5.1에서는, 5.1에서는

 <link rel="stylesheet" href="{{URL::asset('assets/css/bootstrap.min.css')}}">
 <script type="text/javascript" src="{{URL::asset('assets/js/jquery.min.js')}}"></script>

자산 폴더 위치는 공용 폴더 내부입니다.

이 방법을 사용하면 css 파일을 공용 폴더에 저장하는 것을 잊지 마십시오.

예를 들어 부트스트랩 css를 켰습니다.

"root/public/bootstrap/css/bootstrap.min.css"

헤더에서 액세스하려면:

<link href="{{ asset('bootstrap/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css" >

이것이 도움이 되기를 바란다

자산을 공개 디렉토리에 배치하고 다음을 사용합니다.

URL::to()

예

<link rel="stylesheet" type="text/css" href="{{ URL::to('css/style.css') }}">
<script type="text/javascript" src="{{ URL::to('js/jquery.min.js') }}"></script>

'우리'를 요..css ★★★★★★★★★★★★★★★★★」.js 파일public폴더 폴더 폴더입니다.하위 폴더를 만들고 파일을 하위 폴더로 이동할 수 있습니다.에 다음 .

<link rel="stylesheet" href="{{asset('css/your_css_file.css')}}">
<script src="{{asset('js/your_js_file.js')}}"></script>

이 예에서는 css와 js라는2개의 서브폴더를 작성했습니다.가 다 요..css ★★★★★★★★★★★★★★★★★」.js파일을 해당 폴더에 저장하여 원하는 위치에 사용할 수 있습니다.감사합니다.이것이 당신에게 도움이 되기를 바랍니다.

{{ HTML::style('yourcss.css') }}
{{ HTML::script('yourjs.js') }}

아래 코드에 지정된 외부 css 및 js 파일을 포함하는 방법은 여러 가지가 있지만 둘 중 하나를 선택할 수 있습니다.모두 테스트했습니다.이것들은 동일하게 동작합니다.

<link rel="stylesheet" href="{{ asset('css/stylesheet.css') }}" /><!--Recommended-->
<link rel="stylesheet" href="{{ URL::asset('css/somestylesheet.css') }}" />
<link rel="stylesheet" href="{{ URL::to('css/otherstylesheet.css') }}" />
<link rel="stylesheet" href="{{ url('css/anotherstylesheet.css') }}" />

로딩하는 방법이 더 있을 수 있습니다.

단, 공용 폴더 이외의 css 및 js를 로드하는 경우에는 를 사용하는 것이 좋습니다.

Larabel 5.5에는 Elixir를 대체하는 mix가 포함되어 있습니다.외부 css(sass)는 리소스/자산/css(sass)로 추출하여 app.css(scss)로 Import하거나 라이브러리를 포함하는 node_module 폴더에 올바른 경로를 지정할 수 있습니다.

<link rel="stylesheet" href="{{ mix('css/app.css') }}" >

Javascript도 마찬가지입니다.

네, 그럼 버전 5.2를 알아낼 수 있었습니다.먼저 공용 폴더에 자산 폴더를 만들고 css 폴더와 모든 css 파일을 여기에 넣은 후 다음과 같이 링크해야 합니다.

<link href="assets/css/bootstrap.min.css" rel="stylesheet">

도움이 됐으면 좋겠네요!

정확하고 안전한 방법

---

외장형이 있는 경우.css또는.js페이지에 추가할 파일!

마이버전 : Laravel Framework 5.7

External을 추가하는 경우.js파일..

1. 외부 코드를 복사합니다.
2. 실행 명령어npm install를 참조해 주세요.
3. 위의 명령어를 실행하면 다음과 같은 이름의 폴더를 볼 수 있습니다.node_modules.
4. 그런 다음 Resources/js로 이동합니다.
5. 파일 열기app.js.
6. 아래로 스크롤하여 외부 JS를 붙여넣습니다.
7. 마지막으로 명령 실행npm run dev를 참조해 주세요.

스크립트가 갱신되고 스크립트가 컴파일되어 로 이동합니다.public/js/app.js.를 추가함으로써.js공용 폴더의 파일은 페이지에 영향을 주지 않습니다.

---

External을 추가하는 경우.css파일..

1. 외부 스타일을 복사합니다.
2. 실행 명령어npm install를 참조해 주세요.
3. 위의 명령어를 실행하면 다음과 같은 이름의 폴더를 볼 수 있습니다.node_modules.
4. 그런 다음 리소스/사스로 이동합니다.
5. 파일 열기app.scss.
6. 아래로 스크롤하여 외부 스타일을 붙여넣습니다.
7. 마지막으로 명령 실행npm run dev를 참조해 주세요.

스크립트가 갱신되고 스크립트가 컴파일되어 로 이동합니다.public/css/app.css.를 추가함으로써.css공용 폴더의 파일은 페이지에 영향을 주지 않습니다.

• 외부 .css 및 .js를 추가하는 가장 쉽고 안전한 방법입니다.

Laravel JavaScript 및 CSS 비계

YouTube 자료 편집

먼저 Illuminate Html 도우미 클래스를 설치해야 합니다.

composer require "illuminate/html":"5.0.*"

다음으로 /config/app.php를 열고 다음과 같이 업데이트해야 합니다.

'providers' => [

...

Illuminate\Html\HtmlServiceProvider::class,
],

'aliases' => [

...

'Form' => Illuminate\Html\FormFacade::class, 
'HTML' => Illuminate\Html\HtmlFacade::class,
],

동작하고 있는 것을 확인하려면 , 다음의 커맨드를 사용합니다.

php artisan tinker
> Form::text('foo')
"<input name=\"foo\" type=\"text\">"

파일에 외부 css를 포함하려면 다음 구문을 사용합니다.

{!! HTML::style('foo/bar.css') !!}

파티에 늦었지만 asset() 함수를 사용하는 것만으로 JS와 CSS를 Laravel Way에 포함시킬 수 있습니다.

예. <link rel="stylesheet" href="{{ asset('css/app.css') }}" />

도움이 되었으면 좋겠다

저는 지금까지

<script type="text/javascript" src="{{ URL::asset('js/jquery.js') }}"></script> 
for javascript and 
     <link rel="stylesheet" href="{{ URL::asset('css/main.css') }}">
for css, this points to the public directory, so you need to keep your css and js files there.

대부분 라라벨 Web packmix가 아직 실행되지 않았기 때문에 발생합니다.

composer require laravel/ui PHP artisan ui vue --auth //vue boostrap을 사용할 수 있습니다.auth는 로그인 경로를 추가하고

npm install이 "npm fund"를 실행하는 경우 npm run dev를 실행합니다.

다시 한 번 시도하다

언급URL : https://stackoverflow.com/questions/28104583/how-to-include-external-css-and-js-file-in-laravel-5