가져오기를 통해 외부 CSS를 도입할 때 vue 프로젝트에서 오류를 보고하면 어떻게 해야 하나요?

vue 프로젝트가 가져오기를 통해 외부 CSS를 도입할 때 발생하는 오류에 대한 해결 방법: 먼저 [webpack.config.js]에 관련 콘텐츠를 추가하고 추가한 다음 npm에서 dev를 다시 실행한 다음 [css-loader]가 있는지 확인합니다. json 파일의 다른 데이터를 설치합니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, Vue 버전 2.9.6 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

Vue 프로젝트는 오류에 대한 솔루션을 가져와 외부 CSS를 도입합니다.

vue는 webpack-simple을 통해 프로젝트를 생성하고 외부 CSS를 도입하고 오류 솔루션을 보고합니다.

1 webpack.config에 다음 콘텐츠를 추가합니다. .js를 추가한 후 npm run devnpm run dev

{
        test:/\.css$/,
        loader:'style-loader!css-loader'
 },
{
        test: /.woff|.woff2|.svg|.eot|.ttf/,
        use: 'url-loader?prefix=font/&limit=10000'
 }

2、json文件中查看是否存在css-loader,style-loader,url-loader,若没有通过npm install（-D）rrreee

2를 다시 실행하세요. css-loader, style-loader, url-loader는 json 파일에 존재하며, npm install(-D)를 통해 설치되지 않은 경우 그냥 설치하세요.

관련 학습 권장 사항(무료): javascript 학습 튜토리얼

🎜

위 내용은 가져오기를 통해 외부 CSS를 도입할 때 vue 프로젝트에서 오류를 보고하면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!