webpack-省略文件后缀及配置别名

2019-08-29  本文已影响0人  isSunny

日常开发工作中,我们经常会看到页面里引入文件的时候,省略了文件的后缀名,还会看到有一些引入路径时有“@/xxx”这种,其实这是webpack为我们做了一些配置,简化了代码量,具体是在哪里配置的呢,我们来看一些吧~

在webpack.config.js文件中,resolve里配置,下图是我项目中配置的,仅供参考:


image.png

extensions:配置省略后缀,是个数组,里面放入需要省略的后缀名称。
alias:配置别名,对象形式,当我们觉得路径太长需要省略的时候,可以在这里进行配置。

上一篇 下一篇

猜你喜欢

热点阅读