vue項目中如何定義別名

　　在webpack構建的vue項目中，當我們想要使用一個組件時，需要先將組件引入，例如“import List from '@/pages/list/list'”，這時我們都是用@作為起始位置，其實@代表了src路徑。

　　那么有沒有辦法我們自己來定義一個別的路徑，或者將@重命名呢？當然是可以的

　　首先，打開build下的webpack.base.conf.js文件，我們可以看到alias重命名這一項。　　

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

　　然后我們就可以繼續操作了，仿照@的模式，我們可以在下面繼續添加，我們自定義的別名，比如，我們可以添加一個存放樣式文件的style路徑：

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

　　這樣我們就不用每次引入樣式文件時寫一個很長的路徑，直接用style就可以代替了。