webpack-省略文件后缀及配置别名
2019-08-29 本文已影响0人
isSunny
日常开发工作中,我们经常会看到页面里引入文件的时候,省略了文件的后缀名,还会看到有一些引入路径时有“@/xxx”这种,其实这是webpack为我们做了一些配置,简化了代码量,具体是在哪里配置的呢,我们来看一些吧~
在webpack.config.js文件中,resolve里配置,下图是我项目中配置的,仅供参考:
image.png
extensions:配置省略后缀,是个数组,里面放入需要省略的后缀名称。
alias:配置别名,对象形式,当我们觉得路径太长需要省略的时候,可以在这里进行配置。