vue設定webpack檔案別名及設定路由的預設class的方法

上次在學習中，遇到了設定預設路由的問題，這次我們設定webpack檔案別名和設定路由的預設class

1.設定webpack檔案別名

先設定別名是在webpack.base.conf.js 的檔案中設定。找到

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

在alias裡面做設定。

如果你的檔案在components裡面；

設定的時候就可以寫成我上面的 resolve('src/components ') 。 在引入這個文件下面的文件時，直接components/**就可以了。

這個很簡單。

2.設定路由的預設class

這個也是很簡單的設定。在vue-router的文件中也有解釋。

我做的設定時。將預設的路由class設定成active。畢竟預設的實在太長。設定如下：

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

重點就在linkActiveClass: 'active'，這個就是設定的新的路由預設class。

這樣你的寫程式的時候就可以直接使用active了。是不是方便了很多。

以上是vue設定webpack檔案別名及設定路由的預設class的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！