场景:在引入组件的时候,希望解决"../components/page/member"这样的引入;

希望:像vue的项目中用@components/page/member引入组件

npx create-react-app my-app

单向操作不可逆,npm eun eject命令暴露项目的配置,可以自由配置项目所需的依赖,不使用的版本零配置即可开发。

npm eun eject

这里我都项目目录是

之后可以看到config-webpack.config.js文件,在alias这里修改:

      alias: {// Support React Native Web// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/'react-native': 'react-native-web',// '@': paths.appSrc,// 用法 @/components'@components': path.join(__dirname, '../src/components'),'@styles': path.join(__dirname, '../src/styles')},

@components, @styles都可以像这样引入,或者@其他文件夹,文件中就可以用了

转载于:https://www.cnblogs.com/wang715100018066/p/10515008.html

@components问题相关推荐

  1. OpenCV3.3中主成分分析(Principal Components Analysis, PCA)接口简介及使用

    OpenCV3.3中给出了主成分分析(Principal Components Analysis, PCA)的实现,即cv::PCA类,类的声明在include/opencv2/core.hpp文件中 ...

  2. sqlserver 2014使用时有Cannot find one or more components

    好久没用sqlserver,今天打开却出现了一个错误,Cannot find one or more components,令人头疼.在启动Microsoft SQL Server Managemen ...

  3. 【译】Web Components简介

    本文翻译自:css-tricks.com/an-introduc- 前端开发正在以惊人的速度发展.曾经的前端开发,技术栈都是很简单的,如今却越来越复杂.这一点从无数的文章.教程和Twitter上就可以 ...

  4. R语言使用caret包的preProcess函数进行数据预处理:对所有的数据列进行独立成分分析ICA(Independent components analysis)、设置method参数为ica

    R语言使用caret包的preProcess函数进行数据预处理:对所有的数据列进行独立成分分析ICA(Independent components analysis).设置method参数为ica 目 ...

  5. jQuery Mobile开发1-UI components

    一.jQuery Mobile现在支持的UI components 二.List views 基础List views <!DOCTYPE html> <html><he ...

  6. SAP MM ME21N 创建委外采购PO报错 - Not possible to determine any components - 之对策

    SAP MM ME21N 创建委外采购PO报错 - Not possible to determine any components - 之对策 D项目的UAT阶段,笔者发现一个问题,创建委外采购订单 ...

  7. taro 在components文件夹中 新建组件时,组件支持自定义命名,但是不能大写开头...

    在components文件夹中 新建组件时,组件支持自定义命名,但是不能大写开头.否则会报错 错误写法: // 真实路径 import MinaMask from '../../components/ ...

  8. Web Components 简述

    要说最近几年来,前端开发最火的一个趋势或最火的前端开发框架是什么,第一想到的是,组件及推崇组件化开发的React框架.本文将介绍Web Components规范并就组件的几大特性进行讨论. 前言 在开 ...

  9. [转] asp.net core Introducing View Components

    本文转自:http://www.c-sharpcorner.com/uploadfile/8c19e8/asp-net-5-getting-started-with-asp-net-mvc-6/ In ...

  10. 在ASP.NET中使用Office Web Components (OWC)创建统计图

    图形和图表是Web上数据表现的很好的形式,在ASP.NET,可以使用Office Web Components (OWC)来创建统计图.Office Web Component (OWC)是包含在Mi ...

最新文章

  1. 基于 WebSocket 实现 WebGL 3D 拓扑图实时数据通讯同步(一)
  2. 轻松搞定 Nginx 配置的好工具!
  3. vue请求封装,http-接口部分(文档笔记)
  4. 基于JAVA+SpringBoot+Vue+Mybatis+MYSQL的汽车销售管理系统
  5. Ankhsvn 改名出错
  6. word2vec 数学原理
  7. Deepin中如何使用adb和fastboot工具
  8. AT89C2051烧写器的制做与调试
  9. 4.1深度优先遍历的迭代方式
  10. Error:(list) object cannot be coerced to type 'double'的处理
  11. 分享一篇投稿英文期刊该如何回复审稿人的文章
  12. Linux学习笔记(一):Linux常用命令
  13. 《靠谱》里提到的书目
  14. Spark Structured Steaming实战
  15. Reference详解
  16. 心理测量?预知犯罪?AI可以减少京都之殇吗?
  17. 【HTML基础】HTML的基本结构
  18. ibmx3650服务器bios阵列配置安装系统,IBMx3650服务器BIOS阵列配置安装系统(方法二+PXE网启安装法)ok.doc...
  19. <Android开发> Android vold - 第二篇 vold 的main()函数简介
  20. flex/air 护眼健康卫士(源码/air安装包)

热门文章

  1. 如何屏蔽掉某网址不能访问
  2. 系统服务器可以关机吗,服务器每天关机可以吗
  3. Linux nl 命令使用介绍
  4. 2022,itbird的年终总结报告
  5. 关于HBuilderX的简单介绍
  6. Allegro打断线 修剪外框outline线
  7. dz diy html用户信息,Discuz教程:个人资料设置只显示用户名的解决方法
  8. 基于规则的中文地名识别系统的设计与实现
  9. 第4季2:并口、MIPI、LVDS的简介
  10. ISE Module Browser –直观高效的PowerShell模块管家!