您的当前位置:首页正文

简述vue中的config配置

2020-11-27 来源:爱够旅游网

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

显示全文