在vue中如何进行config配置(详细教程)

亚连
Lepaskan: 2018-06-09 17:30:06
asal
3855 orang telah melayarinya

这篇文章主要介绍了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')
  }
 }
Salin selepas log masuk

配置好别名和扩展名后,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';
Salin selepas log masuk

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在vue-cli中如何配置babel配置文件

如何使用babel安装配置教程

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

使用js如何调用json

通过vuejs如何实现数据驱动视图原理

在Vue中如何使用父组件调用子组件事件

在vue中如何编译打包查看index文件

在vue中如何实现用手指进行滑动的方法

在Vue组件中实现动态添加和删除属性

在vue中处理对象属性改变视图不更新问题?

在AngularJS中如何创建上传照片的指令(详细教程)

Atas ialah kandungan terperinci 在vue中如何进行config配置(详细教程). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
vue
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!