(1).暴露webpack
create-react-app腳手架一開始是不會暴露webpack配置的揭糕,需要手動暴露:
npm run eject
(2).運行之后竞端,會增加幾個文件:
dev 開發(fā)環(huán)境配置
prod生產(chǎn)環(huán)境配置
server本地服務(wù)器
(3).添加less模塊
在項目根目錄 使用 npm 或者 yarn 來安裝 less 和 less-loader,我這里使用的是 yarn
yarn add less less-loader
(4). 修改webpack配置文件webpack.config.js
test: /.css/
test: /.css$/ 的 use 數(shù)組配置增加 less-loader
image.png
image.png
將loader放在后面屎即,因為webpack從后向前解析,先less-loader 再postcss 再css 再style逐次解析
重新運行項目事富,引入less技俐,就可以使用了。