React 腳手架支持Typescript和Sass

  首先,建立React工程目錄,以及選擇Typescript版本css

  

  進入在my-app目錄,安裝node-sassnode

  

  而後再安裝webpack的sass-loaderreact

  

   接下來進入node_modules --> react-scripts --> config,打開webpack.config.js文件:webpack

  

   找到 "file-loader"後,添加".scss"文件的配置,以下圖紅線框中的信息:web

   

  最後,將src目錄下的css改爲scss文件:sass

  

   運行 yarn start app

相關文章
相關標籤/搜索