js中import 和require 出现@ 是什么意思

含义

表示指定路径名，可以由webpack配置

如何配置

可以在webpack resolve 中配置

Resolve配置webpack如何寻找模块对应的文件。webpack内置JavaScript模块化语法解析功能，默认会采用模块化标准里约定好的规则去寻找，但你可以根据自己的需要修改默认的规则。

resolve.alias配置项通过别名来把原来导入路径映射成一个新的导入路径。

 
 

配置之后

import Button from '@/components/button'导入时，实际上被alias等价替换成import Button from './src/components/button'。