简述vue中的config配置

更新时间：2018年01月23日 14:07:25 作者：菜鸟的梦想*

这篇文章主要介绍了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中的config配置，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

vue-cli配置文件——config篇

Vue中Vue.use()的原理及基本使用
相信很多人在用Vue使用别人的组件时,会用到 Vue.use() ,例如：Vue.use(VueRouter)、Vue.use(MintUI),这篇文章主要给大家介绍了关于Vue中Vue.use()的原理及基本使用的相关资料,需要的朋友可以参考下
2021-10-10
Vue3 diff算法的简单解刨
如今Vue3的势头正盛，在diff算法方面也做了相应的变化，利用到了最长递增子序列把性能又提升了一个档次。本文就来带大家简单解刨一下Vue3中的diff算法
2023-02-02
详解webpack打包vue时提取css
本篇文章主要介绍了详解webpack打包vue时提取css，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-05-05
Vue build过程取消console debugger控制台信息输出方法详解
这篇文章主要为大家介绍了Vue build过程取消console debugger控制台信息输出方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-09-09
vue中如何安装使用jquery
这篇文章主要介绍了vue中如何安装使用jquery的教程，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-04-04
Vue.js axios响应拦截如何获取返回状态码
这篇文章主要介绍了Vue.js axios响应拦截如何获取返回状态码问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-01-01
vue开发中遇到的问题总结
在本篇文章里小编给大家分享的是关于vue开发中遇到的问题总结，有兴趣的朋友们可以学习参考下。
2020-04-04
Vue2面试考点之$nextTick原理解析
平时在获取真实DOM的时候获取不到最新的DOM元素，使用$nextTick就可以，那为什么$nextTick就可以获取到最新的DOM元素呢，本文就来带着这两个问题来解析一下nextTick的原理
2023-05-05
vue2组件进阶与插槽详解(推荐!)
插槽(slot)作用是让父组件可以往子组件指定位置插入 html 结构,也是组件的一种通信方式,下面这篇文章主要给大家介绍了关于vue2组件进阶与插槽的相关资料,需要的朋友可以参考下
2023-02-02
Vue中"This dependency was not found"问题的解决方法
这篇文章主要介绍了Vue中"This dependency was not found"的问题的解决方法,需要的朋友可以参考下
2018-06-06