vue-cli设置引入目录
Posted zph
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli设置引入目录相关的知识，希望对你有一定的参考价值。
打开build/webpack.base.conf.js
找到module.exports下的resolve这行
刚开始是这样的
resolve: { extensions: [‘.js‘, ‘.vue‘, ‘.json‘], alias: { ‘vue$‘: ‘vue/dist/vue.esm.js‘, ‘@‘: resolve(‘src‘), } },
改成：
resolve: { extensions: [‘.js‘, ‘.vue‘, ‘.json‘], alias: { ‘vue$‘: ‘vue/dist/vue.esm.js‘, ‘@‘: resolve(‘src‘), ‘src‘: path.resolve(__dirname, ‘../src‘), ‘pages‘: path.resolve(__dirname, ‘../src/pages‘), ‘common‘: path.resolve(__dirname, ‘../src/common‘), ‘vendor‘: path.resolve(__dirname, ‘../src/vendor‘), ‘components‘: path.resolve(__dirname, ‘../src/components‘), } },
然后你就可以在任意.vue文件，使用import xxxComponent from ‘components/xxxComponent‘
以上是关于vue-cli设置引入目录的主要内容，如果未能解决你的问题，请参考以下文章