Symfony Webpack Encore로 여러 자바 스크립트 파일을 컴파일하는 방법은 무엇입니까?</p> <pre><code>function f(x) { return x } </code></pre> <p>와 (1) 경보 예를 들면 F를 요구하는 main.js 파일 :

Question

내 질문은 내가 f.js 포함 된 파일이 간단

alert(f(1)) 

구성하는 방법 웹팩 Symfony의 Encore를 사용하여이 두 파일 간의 종속성, 즉 main.js에 정의 된 f를 만드는 방법을 만드시겠습니까?

Answer 1

는 webpack.config.js 파일 내부에서, 당신은 스크립트와 스타일을 구축하는 정의

.addEntry('script', 'script_to_compile.js') 
.addEntry('script2', ...) 

이것은 script.js 및 script2.js를 생성합니다.

하나의 자바 스크립트 파일을 다운로드하는 것이 더 일반적입니다. 스크립트에서 다른 자바 스크립트 포함, 사용 웹팩 모듈 개념 (및 CSS를!) : https://webpack.js.org/concepts/modules/

예, "나는 pickaday 라이브러리를 사용하려면"

const Pikaday = require('pikaday/pikaday'); 
require('pikaday/scss/pikaday.scss'); 

$('.picker-date').each(function() 
    { 
    const $element = $(this); 

    new Pikaday({ 
     field: $element.find('input')[0] 
    }); 
.... 

는 (당신은 내가를 포함 할 수 있습니다 볼 수 있습니다 .scss 스타일). 이미지의 경우와 마찬가지로, require('toto.png')을 사용하여 webpack이 빌드에서이 이미지를 원한다는 것을 알게 한 다음 symfony asset Twig 함수를 사용하여 사용하십시오.