怎么在vue中对config进行配置

本篇文章为大家展示了怎么在vue中对config进行配置，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联公司-专业网站定制、快速模板网站建设、高性价比逊克网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式逊克网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖逊克地区。费用合理售后完善，十年实体公司更值得信赖。

在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进行配置
地址分享：http://kswsj.com/article/jpoppd.html