站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

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

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

        文章環(huán)境:

        “react”: “^16.13.1” 版本

        學(xué)習(xí)視頻分享:react視頻教程

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

        1、輸入命令 npm run eject

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

        會出現(xiàn)一個(gè)命令提示:這是一個(gè)單向操作,確認(rèn)操作后不可逆轉(zhuǎn)/返回?

        輸入 y 回車

        成功之后 在項(xiàng)目根目錄出現(xiàn) config 文件夾

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

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

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

        3、進(jìn)行搜索 alias ,大概在 291 行的位置

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

        參照如下格式,設(shè)置路徑別名

        	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配置進(jìn)行改動后,都需要重新啟動項(xiàng)目,不然不生效

        5、在項(xiàng)目中使用

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

        注: @ 在上面已經(jīng)被設(shè)置 src 文件路徑

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

        6、啟動項(xiàng)目, 無報(bào)錯(cuò),并且樣式生效

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

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號
        主站蜘蛛池模板: 日韩精品一区二区午夜成人版| 人妻熟妇乱又伦精品视频| 久久国产美女免费观看精品| 国产日韩精品欧美一区| 久热这里只有精品99国产6| 国产精品臀控福利在线观看| 人人妻人人澡人人爽人人精品电影| 国产精品成人h片在线| 97久久精品国产精品青草| 亚洲精品无码久久久久去q | 最新国产の精品合集| 国产精品视频白浆免费视频| 亚洲精品成人久久久| 国产精品视频一区二区三区不卡| 国产精品素人搭讪在线播放| 91精品国产综合久久久久久| 欧美精品v欧洲精品| 在线亚洲精品福利网址导航| 日韩精品一区二区三区不卡| 精品无码国产污污污免费网站国产| 999久久久免费国产精品播放| 精品亚洲欧美高清不卡高清| 国产精品毛片无遮挡| 少妇人妻无码精品视频| 亚洲欧美日韩国产成人精品影院 | 国产vA免费精品高清在线观看| 国产精品国产三级国产AV主播 | 久久精品亚洲欧美日韩久久| 国产成人无码精品久久久久免费| 91嫩草亚洲精品| 2021国产精品视频网站| 奇米精品一区二区三区在线观看 | 国产精品91视频| 另类国产精品一区二区| 国产一级精品高清一级毛片| 国产成人精品久久| 国产精品99爱免费视频| 2020最新久久久视精品爱| 国产99视频精品专区| 国产精品免费久久久久影院| 国产精品亚洲二区在线观看 |