react配置之绝对路径

绝对路径不多bb，简单的说就是，我们不再使用 ../ ../../之类的来表示路径位置了

直接上代码

我用的是react-crate-app脚手架

npm install react-create-app -g
react-create-app my-react
cd my-react
npm install
npm run ejecj 得到想要的了
再config 中的 webpack.config.dev.js 和 webpack.config.prop.js的文件中，分别编辑，如下

extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx'],
alias: {// Support React Native Web// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/'common': path.resolve(__dirname, '../src/common'),'components': path.resolve(__dirname, '../src/components'),'pages': path.resolve(__dirname, '../src/pages'),'static': path.resolve(__dirname, '../src/static'),'config': path.resolve(__dirname, '../src/config'),
},
plugins: [// Prevents users from importing files from outside of src/ (or node_modules/).// This often causes confusion because we only process files within src/ with babel.// To fix this, we prevent you from importing files out of src/ -- if you'd like to,// please link the files into your node_modules/ and let module-resolution kick in.// Make sure your source files are compiled, as they will not be processed in any way.new ModuleScopePlugin(paths.appSrc, [paths.appPackageJson]),
],

我的src下得目录结构如下

react配置之绝对路径相关推荐

webpack4+react配置多页面移动端应用程序
webpack4+react配置多页面移动端应用程序前言技术栈项目目录结构移动端适配方案 webpack配置基础配置开发环境配置 react+redux热重载生产环境配置 .babelr ...
linux多路径策略配置,linux 多路径配置
首先介绍一下什么是多路径(multi-path)?先说说多路径功能产生的背景,在多路径功能出现之前,主机上的硬盘是直接挂接到一个总线(PCI)上,路径是一对一的关系,也就是一条路径指向一个硬盘或是存储 ...
mac下Android studio配置gradle的路径
2019独角兽企业重金招聘Python工程师标准>>> 最详细的mac下Android studio配置gradle的路径转载于:https://my.oschina.net/sh ...
【Android FFMPEG 开发】FFMPEG 交叉编译配置 ( 下载 | 配置脚本 | 输出路径 | 函数库配置 | 程序配置 | 组件配置 | 编码解码配置 | 交叉编译配置 | 最终脚本 )
文章目录一.FFMPEG 源码下载解压二.交叉编译工具三.configure 脚本及帮助命令四.配置 configure 脚本五.输出目录配置六.函数库配置七.程序配置选项八.组件配 ...
【编程语言】JAVA | Windows10下JAVA的环境配置（绝对路径）
转自:https://blog.csdn.net/qq_42945310/article/details/82894463 感谢博主前言:网上大多是使用相对路径来进行JAVA环境配置的教程,笔者只是 ...
springboot 配置资源映射路径
写代码的过程中经常会遇到和文件相关的操作,使用springboot框架时需要自己进行配置资源映射路径才能将文件保存到指定位置. 创建配置类: @Configuration public class M ...
Shiro+SpringBoot 时，anon配置的匿名路径被拦截，自定义配置类走过的坑
最开始一直不去自定配置类,究其原因发现是少了: /*** Shiro配置类*/ @Configuration 少了@Configuration,这个注解配置. 一路顺畅的走了下来: 是不是要美滋滋的走 ...
nginx加载html目录下图片,nginx配置访问图片路径以及html静态页面的调取方法
nginx配置访问图片路径以及html静态页面的调取方法发布时间:2017-03-09 12:06 来源:互联网当前栏目:web技术类给大家讲一个快速配置nginx访问图片地址,以及访问html ...
axios代理跨域 cli4_vuecli 3.0之跨域请求代理配置及axios路径配置莫小龙
vue-cli 3.0之跨域请求代理配置及axios路径配置问题:在前后端分离的跨域请求中,报跨域问题配置: vue.config.js: module.exports = { runtimeCo ...

react配置之绝对路径

react配置之绝对路径相关推荐

最新文章

热门文章