站長資訊網
        最全最豐富的資訊網站

        react設置文件路徑別名的具體方法你知道么

        react設置文件路徑別名的具體方法你知道么

        文章環境:

        “react”: “^16.13.1” 版本

        學習視頻分享:react視頻教程

        react官方腳手架默認是將webpack配置隱藏起來了,在進行配置之前需要將webpack給暴露出來。

        1、輸入命令 npm run eject

        react設置文件路徑別名的具體方法你知道么

        會出現一個命令提示:這是一個單向操作,確認操作后不可逆轉/返回?

        輸入 y 回車

        成功之后 在項目根目錄出現 config 文件夾

        react設置文件路徑別名的具體方法你知道么

        2、打開 config 文件夾下的 webpack.config.js 文件

        react設置文件路徑別名的具體方法你知道么

        3、進行搜索 alias ,大概在 291 行的位置

        react設置文件路徑別名的具體方法你知道么

        參照如下格式,設置路徑別名

        	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',         // Allows for better profiling with reactDevTools         ...(isEnvProductionProfile && {           'react-dom$': 'react-dom/profiling',           'scheduler/tracing': 'scheduler/tracing-profiling',         }),         ...(modules.webpackAliases || {}),         // 文件路徑別名         '@': path.resolve(__dirname, '../src'),         '@view': path.resolve(__dirname, '../src/view'),       },

        需要特別注意的是: webpack配置進行改動后,都需要重新啟動項目,不然不生效

        5、在項目中使用

        打開 index.js ,將 import ./index.css 替換成 import '@/index.css’

        注: @ 在上面已經被設置 src 文件路徑

        react設置文件路徑別名的具體方法你知道么

        6、啟動項目, 無報錯,并且樣式生效

        react設置文件路徑別名的具體方法你知道么

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 97久久精品国产精品青草| 国产精品女同一区二区久久| 国产成人亚洲精品91专区手机 | 亚洲精品动漫免费二区| 欧美国产日本精品一区二区三区| 日韩精品无码一区二区三区 | 精品国产一区二区三区久久| 久久久精品人妻一区二区三区蜜桃| 欧美精品福利在线视频 | 97久久久精品综合88久久| 自拍偷自拍亚洲精品被多人伦好爽| 国产欧美日本亚洲精品一5| 亚洲嫩草影院久久精品| 国产精品久久一区二区三区| 孩交VIDEOS精品乱子| 日韩精品久久久肉伦网站| 中文字幕精品久久久久人妻| 国内精品久久久久久久影视麻豆| 免费视频精品一区二区三区| 成人国产精品999视频| 国产AV国片精品有毛| 国产探花在线精品一区二区| 人妻AV一区二区三区精品| 亚洲精品午夜无码电影网| 亚洲国产精品尤物YW在线观看| 国产精品亚洲视频| 国产精品日日摸夜夜添夜夜添1国产精品va欧美精 | 国产精品免费一区二区三区| 韩国精品欧美一区二区三区| 久久精品国产亚洲5555| 精品国产91久久久久久久a | 国产精品偷窥熟女精品视频| 桃花岛精品亚洲国产成人| 久久99国产精品二区不卡| 国产精品久久久久影院色| 欧美精品人爱c欧美精品| 欧美777精品久久久久网| 亚洲第一精品在线视频| 99在线观看视频免费精品9| 国产精品无码免费专区午夜| 国产色精品vr一区区三区|