vue config配置简述vue中的config配置

时间:2021-03-28 菜鸟的梦想* 人气:6

想了解简述vue中的config配置的相关内容吗，菜鸟的梦想*在本文为您仔细讲解 vue config配置的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：vue,config配置,vue中config，下面大家一起来学习吧。

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

加载全部内容

vue config配置 简述vue中的config配置

vue config配置简述vue中的config配置