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