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