Vue别名配置简录(alias配置)
配置文件的路径:项目名/build/webpack.base.conf.js相关函数:resolvefunction resolve (dir) {return path.join(__dirname, '..', dir)}字段配置:aliasalias: {'vue$': 'vue/dist/vue.esm.js','src': resolve(...
·
配置文件的路径:项目名/build/webpack.base.conf.js
相关函数:resolve
function resolve (dir) {
return path.join(__dirname, '..', dir)
}
字段配置:alias
alias: {
'vue$': 'vue/dist/vue.esm.js',
'src': resolve('src'),
'common': resolve('src/common'),
'@': resolve('src'),
}
字段含义:
src、common、@等字符都是为了简化路径书写,进行得别名配置
可以指代某一个特定的路径
在具体项目文件中可以如下应用
import HelloWorld from '@/components/HelloWorld'
import 'common/stylus/index.styl'
更多推荐
已为社区贡献6条内容
所有评论(0)