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

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容