laravel5.3과 vuejs를 함께 사용하면 js, css 파일 패키징에 문제가 있습니다.

Question

이전에는 CDN을 사용했는데, 이제는 gulp와 webpack을 사용하여 js와 css 파일을 패키징하려고 합니다. 자세한 내용은 다음과 같습니다.

Ele.me팀의 elementUI를 사용할 예정이므로 http://codesky.me/archives/tr... 글에 따라 구성했습니다.
최종 결과는 gulpfile.js<입니다. /code> 및 gulpfile.js和app.js文件是这样的：
gulpfile.js 파일은 다음과 같습니다:

gulpfile.js:

으아악 app.js

：

으아악 package.json그런 다음 jquery, bootstrap 등 이전에 CDN을 사용하여 소개한 리소스를 패키징하겠습니다. 자세한 내용은

파일을 참조하세요.

으아악 npm installRun

위 패키지를 설치한 후 CSS와 js 파일을 각각 패키지합니다.

1.css 파일의 경우 resources/assets/sass/app.scss 파일에 다음 라인을 추가했는데 문제는 없는 것 같았습니다.

으아악 gulpfile.js和app.js中，运行gulp2.js 파일의 경우 어떻게 해야 할지 모르겠습니다. gulpfile.js와

에 각각 넣어 보았습니다. , 오류를 보고했습니다.

으아악 질문:
gulp还是webpack1. 위 마지막 부분처럼 js 파일을 어떻게 패키징해야 하나요? 어떤

명령을 사용해야 하는지에 대한 약간의 혼란도 있습니다.

tether要在bootstrap2. js 파일의 패키징 순서 문제 예를 들어 위의

전에는 오류가 보고되지 않습니다.

app.scss中引入做虽然没什么问题，但是上面app.js文件中又引入了element-ui的css文件import 'element-ui/lib/theme-default/index.css';，也就是app.scss和app.js3. CSS 파일 패키징, 위 app.scss의 소개에는 문제가 없지만 element-ui의 CSS 파일도 위의 소개에 나와 있습니다

file import 'element-ui/lib/theme-default/index.css';, 즉 app.scss와 🎜 둘 다 CSS를 처리합니까? 좀 혼란스럽네요. 괜찮을까요? 🎜

Answer 1

질문 1: .vue가 webpack을 사용하는 경우 vue-loader가 필요합니다
질문 2: 순서
질문 3: 패키징 도구는 .js 및 .css 파일을 별도로 출력할 수 있습니다

보충: 참고용으로 yii2 및 vue 데모가 있습니다 https://github.com/TIGERB/vue...