通过webpack的alias设置其他符号代替文件路径

我们在用脚手架创建项目的时候，在使用import…from…引用文件的时候往往会看到引用文件的路径开头是’@/…'开头,其中@为文件路径的别名。
当我们不使用脚手架构建项目的时候可以在webpack.config.js文件中设置重现这一功能。

具体代码如下：

其中的’__dirname’为当前文件路径，path为引入的node中的模块path。

因为我的webpack.config.js和src目录同级，所以path的第二个参数为’./src’