webpack 之 resolve.alias(别名)
Posted 伍声2016
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack 之 resolve.alias(别名)相关的知识，希望对你有一定的参考价值。
module.exports = {
entry: ‘./src/main.js‘,
output: {
path: path.resolve(__dirname, ‘./dist‘),
publicPath: ‘/dist/‘,
filename: ‘build.js‘
},
module: {
rules: [ ]
},
resolve: {
extensions: [".js", ".json"] //自动解决某些扩展 alias: {
‘vue$‘: ‘vue/dist/vue.esm.js‘,
‘components$‘: path.resolve(__dirname, ‘src/components/‘)
}
}
}
import Header from ‘components/Header.js‘
这样我们引用一个指定文件时就不用再向以前那样写很长的路径了
自动解决某些扩展。默认为：
extensions: [".js", ".json"]
导入时可以让用户离开扩展程序：
import Header from ‘components/Header‘
以上是关于webpack 之 resolve.alias(别名)的主要内容，如果未能解决你的问题，请参考以下文章
roadhog resolve alias 绝对路径 别名使用