create-react-app配置less

1.下载

npm install less-loader -save

2.暴露webpack配置文件(文件下载出来是找不到的)

npm run eject

3.修改webpack配置

找到webpack.config.dev.js和webpack.config.prod.js

module:[
    .........
  {
    test:
/\.(css|less)$/,//之前是/\.css$/
    use:[
      {
        loader: require.resolve(
'less-loader') //在同级添加对象   } ]
  }   ........ exclude: [
/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.(css|less)$/] //加入/\.(css|less)$/
] 

4.css改成less

5.完毕

猜你喜欢

转载自www.cnblogs.com/naxiaoming/p/9258277.html