我们在用脚手架创建项目的时候,在使用import…from…引用文件的时候往往会看到引用文件的路径开头是’@/…'开头,其中@为文件路径的别名。
当我们不使用脚手架构建项目的时候可以在webpack.config.js文件中设置重现这一功能。
具体代码如下:
其中的’__dirname’为当前文件路径,path为引入的node中的模块path。
因为我的webpack.config.js和src目录同级,所以path的第二个参数为’./src’
我们在用脚手架创建项目的时候,在使用import…from…引用文件的时候往往会看到引用文件的路径开头是’@/…'开头,其中@为文件路径的别名。
当我们不使用脚手架构建项目的时候可以在webpack.config.js文件中设置重现这一功能。
具体代码如下:
其中的’__dirname’为当前文件路径,path为引入的node中的模块path。
因为我的webpack.config.js和src目录同级,所以path的第二个参数为’./src’