美文网首页
在react中使用@符号导入模块 | 配置weboack

在react中使用@符号导入模块 | 配置weboack

作者: 明灭_ | 来源:发表于2019-03-13 15:28 被阅读0次

目的

可以在项目中方便地使用绝对路径@/src/xxx/xxx导入文件,而不是一直使用相对路径../../xxx/xxx导入文件

方法

  1. 运行npm run eject
    此命令会把 react-scripts 封装的一些webpack配置等全部解压到项目目录,项目结构中会多出 config 目录 和 scripts 目录
  2. config/webpack.config.js文件的alias中插入代码
alias: {
        ...
        '@': path.resolve('src')
      },
  1. success!

相关文章

网友评论

      本文标题:在react中使用@符号导入模块 | 配置weboack

      本文链接:https://www.haomeiwen.com/subject/dfqtmqtx.html