在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配置,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“简述vue中的config配置”评论...