使用create-react-app腳手架搭建初始化項目
> npm install -g create-react-app
> npx create-react-app my-app
create-react-app構建的項目默認使用css語法，但是隱藏的webpack配置中配置支持了css/sass/scss
要想使用less/scss及全局樣式/變量首先需要執行npm run eject命令暴露webpack等配置文件等信息
該操作不可逆，會在項目根目錄中生成config(配置文件)和scripts(腳本命令文件)文件夾，同時會修改package.json和package-lock.json且刪除package.json -> scripts中eject命令(不可再次執行)
使用scss：
首先npm install sass --save安裝sass，默認安裝了sass-loader沒有安裝sass
然后npm install sass-resources-loader --save-dev
修改config -> webpack.config.js如下：
這樣就可以使用scss全局樣式和變量了，需要重新npm start重啟項目生效
如果習慣於less的語法，一定要在react項目中使用less的話，需要安裝配置less
使用less：
首先npm install less less-loader --save
然后修改config -> webpack.config.js文件如下：
然后同上圖scss的配置一樣，只不過把sass/scss換成less就可以在react項目中使用less文件及全局樣式和全局變量了