VueJS 2 : 로컬 자산

Question

cli로 프로젝트를 만들었으며 생성 된 assets 폴더에 일부 css 및 js 파일이 있습니다. index.html 파일에 추가하려고하지만 404로 돌아오고 있습니다. 내 로컬 CSS와 자바 스크립트 파일을 추가해야하는 다른 방법이 있습니까?

Answer 1

당신이 웹팩 템플릿을 사용하는 가정, 당신의 웹팩 설정 파일에서 index.html

Answer 2

에서 /src/assets/...을 시도, 당신은 당신의 assets 폴더에 대한 별칭을 추가 할 수 있습니다

module.exports = { 
    ... 
    resolve: { 
    alias: { 
     'assets': path.resolve(__dirname, '../src/assets'), 
    }, 
    ... 
    }, 
    ... 
}, 

를 그런 다음, 응용 프로그램에서 , 당신과 같이이 폴더를 참조 할 수 있습니다

// in a .less file 
@import "~assets/css/vars" 

// in a .js file 
require("assets/js/utils")