首頁 > web前端 > js教程 > 在vue中如何進行config設定(詳細教學)

在vue中如何進行config設定(詳細教學)

亚连
發布: 2018-06-09 17:30:06
原創
3914 人瀏覽過

這篇文章主要介紹了vue中的config配置,本文給大家介紹的非常詳細,具有參考借鑒價值,需要的朋友可以參考下

在webpack.base.conf檔中設定別名以及副檔名

resolve: {
  extensions: ['.js', '.vue', '.json', '.styl'],
  alias: {
   'vue$': 'vue/dist/vue.esm.js',
   '@': resolve('src'),
   'src': path.resolve(__dirname, '../src'),
   'common': path.resolve(__dirname, '../src/common'),
   'components': path.resolve(__dirname, '../src/components')
  }
 }
登入後複製

配置好別名和副檔名後,main.js就可以這樣寫

import Vue from 'vue';
import App from './App';
import Router from 'vue-router';
//components前面可以加上'@/',也可以省略不写
//如果没有别名,就要写成“import goods from '../components/goods/goods';“
import goods from 'components/goods/goods';
import seller from 'components/seller/seller';
import ratings from 'components/ratings/ratings';
import '@/common/stylus/index';
登入後複製

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

在vue-cli中如何設定babel設定檔

如何使用babel安裝設定教學

在Nodejs下使用gm裁剪在合成圖片

使用js如何呼叫json

##透過vuejs如何實現資料驅動視圖原則

在Vue中如何使用父元件呼叫子元件事件

在vue中如何編譯打包查看index檔

在vue中如何實作用手指滑動的方法

#在Vue元件中實作動態新增和刪除屬性

在vue中處理物件屬性改變視圖不更新問題?

在AngularJS中如何建立上傳照片的指令(詳細教學)

以上是在vue中如何進行config設定(詳細教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
vue
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板