您现在的位置:首页 >> 前端 >> 内容

create-react-app项目添加less配置步骤

时间:2017/12/12 10:28:17 点击:

  核心提示:使用create-react-app创建的项目默认不支持less,以下增加less配置的步骤暴露配置文件create-react-app生成的项目文,看不到webpack相关的配置文件,需要先暴露出来...

使用create-react-app创建的项目默认不支持less,以下增加less配置的步骤

暴露配置文件

create-react-app生成的项目文,看不到webpack相关的配置文件,需要先暴露出来,使用如下命令即可:

npmruneject

安装less-loader和less

npminstallless-loaderless--save-dev

修改webpack配置

修改webpack.config.dev.js和webpack.config-prod.js配置文件

改动1:

/\.css$/改为/\.(css|less)$/,, 修改后如下:

exclude: [
  /\.html$/,
  /\.(js|jsx)$/,
  /\.(css|less)$/,
  /\.json$/,
  /\.bmp$/,
  /\.gif$/,
  /\.jpe?g$/,
  /\.png$/,
],

改动2:

test: /\.css$/改为/\.(css|less)$/

Tags:CR RE EA AT 
作者:网络 来源:Cool的博客