비 라벨 프로젝트에서 Laravel Mix를 사용하는 방법

이 튜토리얼은 Laravel 프레임 워크 외부의 프로젝트에서 자산 편집을 위해 간소화 된 Webpack API 래퍼 인 Laravel Mix를 활용하는 방법을 보여줍니다. 이 접근법은 광범위한 웹 팩 구성의 필요성을 제거하여 프로젝트 설정을 크게 가속화합니다.

주요 장점 :

단순화 된 자산 편집 : Laravel Mix는 웹 팩의 복잡성을 단순화하여 자산 처리 (JavaScript, CSS 등)를 훨씬 쉽게 만듭니다. 빠른 프로젝트 설정 :

구축 도구 구성 및 응용 프로그램 구축 시간을 더 적게 소비하십시오. 웹 팩 구성이 필요하지 않음 : laravel 믹스는 웹 팩 구성을 처리하여 별도의

파일이 필요하지 않습니다. 전제 조건 :

node.js 및 npm :

Laravel 믹스를 실행하는 데 필수적입니다. 및
• PHP 및 작곡가 (선택 사항) : 버전 및 핫 재 장전 기능에 필요합니다. 홈스테드 개선은 편리한 사전 구성된 환경을 제공합니다 기본 JSON 및 터미널 친숙 함 : 기본 명령 줄 운영에 대한 이해가 도움이됩니다.
설치 및 설정 :
프로젝트 초기화 :
• 새 프로젝트 디렉토리 생성 의 종속성 설치 : NPM을 사용하여 Laravel Mix, webpack.config.js (크로스 플랫폼 환경 변수의 경우) 및
(Sass 컴파일의 경우) :

를 설치하십시오.

create : 프로젝트의 루트 디렉토리에서 다음을 사용하여

를 작성하십시오 :

• 업데이트 : node -v 파일에 다음 스크립트를 추가하십시오 : npm -v
• 자산 파일 생성 : 및
파일을 만듭니다. 일부 샘플 내용을 추가하십시오 (예 : 의 CSS 스타일)
• LARAVEL 믹스 실행 : execute 자산을 컴파일하려면 실행하십시오. 출력은
및

디렉토리에 있습니다.

핫 리로드 및 캐시 파열 (선택 사항) : 개발 워크 플로우의 경우 핫 재 장전 및 캐시 파열 활성화 :

create 프로젝트 루트에서

파일을 만듭니다 :

npm install laravel-mix cross-env node-sass --save-dev

1. <🎜 🎜> <<> 업데이트

   : <🎜 composer.json <🎜 섹션에 "files": ["mix.php"]를 추가하십시오. 실행 "autoload". <🎜 🎜> composer.json composer dump-autoload <🎜 🎜> <<>

   :
2. 및 <🎜

   를 믹스 체인에 추가하십시오 : <🎜 🎜>를 수정하십시오. webpack.mix.js .version() <🎜 🎜> <<> run .browserSync() : webpack.mix.js 이것은 핫 재 장전이있는 개발 서버를 시작합니다. <🎜 🎜>

   const mix = require('laravel-mix');
   
   mix.js('resources/js/app.js', 'public/js')
      .sass('resources/sass/app.scss', 'public/css');

   생산 빌드 : 배포의 경우
3. 를 사용하여 최적화 된 미니저 자산을 생성하십시오

   결론 : npm run hot 파일에 를 추가하는 것을 잊지 마십시오

위 내용은 비 라벨 프로젝트에서 Laravel Mix를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!