웹팩 파일 별칭을 설정하고 vue에서 기본 라우팅 클래스를 구성하는 방법

저번에 공부할 때 기본 경로를 구성하는 데 문제가 발생했습니다. 이번에는 webpack 파일 별칭을 구성하고 해당 경로에 대한 기본 클래스를 설정했습니다.

1.webpack 파일 별칭을 설정합니다

먼저. 별칭을 설정하는 방법은 webpack.base.conf .js 파일에 있습니다.

resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
      'components': resolve('src/components')
    }
  },

을 찾아 별칭으로 구성하세요.

파일이 컴포넌트에 있는 경우

설정할 때 위에서 했던 것처럼 resolve('src/comComponents')로 작성할 수 있습니다. 이 파일 아래의 파일을 가져올 때 구성 요소/**만 직접 가져옵니다.

이것은 매우 간단합니다.

2. 라우팅의 기본 클래스를 구성합니다

이것도 매우 간단한 구성입니다. vue-router 문서에도 설명이 있습니다.

내가 구성했을 때. 기본 라우팅 클래스를 활성으로 설정합니다. 결국 기본 값이 너무 깁니다. 구성은 다음과 같습니다.

export default new Router({
  linkActiveClass: 'active',
  routes: [
   ]
})

핵심은 새로운 라우팅 기본 클래스 세트인 linkActiveClass: 'active'입니다.

이렇게 하면 코드 작성 시 active를 직접 사용할 수 있습니다. 훨씬 편리하지 않나요?

위 내용은 웹팩 파일 별칭을 설정하고 vue에서 기본 라우팅 클래스를 구성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!