반응형
웹 팩이 포함된 Vue-CLI에서 외부 CSS 및 Js 파일 추가
사용하고 있다Vue-cli와 함께webpack외부로 전화하는 데 문제가 있습니다.js그리고.css줄지어 들어가다index.html.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>gradana</title>
<link rel="stylesheet" href="./src/assets/css/hello.css">
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
코드를 실행하면 오류가 발생합니다.
Cannot GET /src/assets/css/hello.css
사용하시는 동안vue cli,assets폴더는 번들 중에 웹 팩에 의해 처리되며, 이러한 파일은 그 안에 있습니다.assets폴더를 포함해야 합니다.js
예. require('../node_modules/bootstrap/dist/css/bootstrap.min.css').
또는 단순히 저장만 할 수 있습니다.CSS또는JS줄지어 들어가다./static폴더, 내의 모든 파일static폴더가 에 추가됩니다./dist앱 실행 중 폴더.
그 다음에 그걸 불러서index.html
CSS
<link rel="stylesheet" href="/static/css/hello.css">
JS
<script src="/static/scripts/script.js"></script>
언급URL : https://stackoverflow.com/questions/43221097/vue-cli-with-webpack-add-external-css-and-js-file
반응형
'programing' 카테고리의 다른 글
| vuetify의 데이터 테이블에서 날짜 형식 변경 (0) | 2022.07.16 |
|---|---|
| javascript 세 개의 도트 구문 (0) | 2022.07.16 |
| Vue 라우터가 현재 경로를 새로고침합니다. (0) | 2022.07.16 |
| Vuej에는 변수와 함수를 공유하는 여러 구성 요소가 있습니다. (0) | 2022.07.16 |
| 구성 요소 변환 후 Vuex 상태 가져오기 (0) | 2022.07.16 |