在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中如何创建上传照片的指令(详细教程)
声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com