想在react項目中通過.less文件進行樣式定義,先暴露webpack配置文件,命令行即:yarn eject 或 npm run eject,結果報了一個以前沒有出現過的錯誤:Remove untracked files, stash or commit any changes, and try again.如下圖:
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------
查了下資料,發現是git地址的問題,輸入下面命令行就行了
git add .
git commit -am "Save before ejecting"
npm run eject
命令結束後出現Ejected successfully!即暴露webpack配置文件成功。
暴露配置文件後發現並沒有和網上資料上說的有webpack.config.dev.js和webpack.config.prod.js這兩個配置文件,我自己暴露文件後,就只有webpack.config.js,所以網上有些配置.less有的方法不適合自己,然後只能想啊想,試啊試,後來添加了一段代碼就行了,如下:
{
test: sassModuleRegex,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
modules: true,
getLocalIdent: getCSSModuleLocalIdent,
},
'sass-loader'
)
},
//新增代碼-----------------
{
test: /\.less$/,
include: /(src)/,
use: getStyleLoaders(
{
importLoaders: 2,
sourceMap: isEnvProduction && shouldUseSourceMap,
},
'less-loader'
)
},
對了,我們進行.less文件的前提是安裝了less-loader。
上面就是對react錯誤的解決辦法和.less配置的方法啦~