简述vue中的config配置


Posted in Javascript onJanuary 23, 2018

在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配置,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js实现DIV的一些简单控制
Jun 04 Javascript
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)
Jan 29 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
详解JavaScript表单验证(E-mail 验证)
Mar 31 Javascript
JS基于面向对象实现的多个倒计时器功能示例
Feb 28 Javascript
vue2过滤器模糊查询方法
Sep 16 Javascript
JavaScript实现动态添加、移除元素或属性的方法分析
Jan 03 Javascript
微信小程序实现购物页面左右联动
Feb 15 Javascript
微信小程序实现收货地址左滑删除
Nov 18 Javascript
微信小程序实现页面左右滑动
Nov 16 Javascript
JS实现多物体运动的方法详解
Jan 23 #Javascript
JS运动改变单物体透明度的方法分析
Jan 23 #Javascript
JS实现基于拖拽改变物体大小的方法
Jan 23 #Javascript
基于vue cli重构多页面脚手架过程详解
Jan 23 #Javascript
JS实现点击下拉菜单把选择的内容同步到input输入框内的实例
Jan 23 #Javascript
实时监控input框,实现输入框与下拉框联动的实例
Jan 23 #Javascript
从parcel.js打包出错到选择nvm的全部过程
Jan 23 #Javascript
You might like
PHP大小写问题:函数名和类名不区分,变量名区分
2013/06/17 PHP
浅析Yii中使用RBAC的完全指南(用户角色权限控制)
2013/06/20 PHP
PHP7.1新功能之Nullable Type用法分析
2016/09/26 PHP
不用ajax实现点击文字即可编辑的方法
2007/12/16 Javascript
js控制web打印(局部打印)方法整理
2013/05/29 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
javascript+ajax实现产品页面加载信息
2015/07/09 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
Web安全测试之XSS实例讲解
2016/08/15 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
2017/04/12 Javascript
为JQuery EasyUI 表单组件增加焦点切换功能的方法
2017/04/13 jQuery
jquery实现提示语淡入效果
2017/05/05 jQuery
Vue 换肤的示例实践
2018/01/23 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
webpack的pitching loader详解
2019/09/23 Javascript
vue项目中使用bpmn为节点添加颜色的方法
2020/04/30 Javascript
微信小程序自定义支持图片的弹窗
2020/12/21 Javascript
Vue中引入svg图标的两种方式
2021/01/14 Vue.js
django+mysql的使用示例
2018/11/23 Python
对Python正则匹配IP、Url、Mail的方法详解
2018/12/25 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
Python图片的横坐标汉字实例
2019/12/04 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
python实现ip地址的包含关系判断
2020/02/07 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
CSS3实现瀑布流布局与无限加载图片相册的实例代码
2016/12/22 HTML / CSS
总结30个CSS3选择器
2017/04/13 HTML / CSS
美国蔬菜和植物种子公司:Burpee
2017/02/01 全球购物
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
爱心捐款感谢信
2015/01/20 职场文书
致运动员加油稿
2015/07/21 职场文书
2019年教师节祝福语精选,给老师送上真诚的祝福
2019/09/09 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL
关于MybatisPlus配置双数据库驱动连接数据库问题
2022/01/22 Java/Android