日常开发工作中，我们经常会看到页面里引入文件的时候，省略了文件的后缀名，还会看到有一些引入路径时有“@/xxx”这种，其实这是webpack为我们做了一些配置，简化了代码量，具体是在哪里配置的呢，我们来看一些吧~
在webpack.config.js文件中，resolve里配置，下图是我项目中配置的，仅供参考：
image.png
extensions：配置省略后缀，是个数组，里面放入需要省略的后缀名称。
alias:配置别名，对象形式，当我们觉得路径太长需要省略的时候，可以在这里进行配置。
日常开发工作中，我们经常会看到页面里引入文件的时候，省略了文件的后缀名，还会看到有一些引入路径时有“@/xxx”这...
引用vue文件不能省略后缀;
组件分离 每一个组件都可以单独分离为一个.jsx文件.jsx的配置 index.js(入口文件的配置) 省略后缀名...
配置文件 .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WX...
别名的配置： 精确配置注意：“/”是必须声明的，别名不可以为中文。此种配置方式可以配置多个。 模糊配置 *.后缀名...
.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件, .wxml后缀的文件是页面...
.js后缀的是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件, .wxml后缀的文件是页面...
代码构成 .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 WX...
代码构成： .json 后缀的 JSON 配置文件 .wxml 后缀的 WXML 模板文件 .wxss 后缀的 W...
小程序项目里的四种文件.json 后缀的 JSON 配置文件.wxml 后缀的 WXML 模板文件.wxss 后缀...
本文标题：webpack-省略文件后缀及配置别名
本文链接：https://www.haomeiwen.com/subject/iwjwectx.html
网友评论