webpack之给目录起别名

Posted 2022-12-27 vcplus

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack之给目录起别名相关的知识，希望对你有一定的参考价值。

　　1. 配置文件目录：

　　　　build>webpack.base.config.js:

resolve: 
　　alias: 
　　　　‘@‘: resolve(‘src‘),
　　　　//照猫画虎
　　　　‘styles‘: resolve(‘src/asset/styles‘)

　　2. 于是一些长路径，如：

　　　　import ‘../../../../../../../styles/iconfont.css‘ --> import ‘styles/iconfont.css‘

　　　　@import ‘~@/assets/styels/header.css‘ --> @import ‘~styles/header.css‘

　　3. 修改配置文件，不会热更新，所以重启项目，免得老报错

以上是关于webpack之给目录起别名的主要内容，如果未能解决你的问题，请参考以下文章