您的位置：首页 > 移动开发

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

2017-07-27 15:51 666 查看

使用

create-react-app

创建的项目默认不支持

less

，以下增加

less

配置的步骤

create-react-app

生成的项目文，看不到webpack相关的配置文件，需要先暴露出来，使用如下命令即可：

npm run eject

安装

less-loader

和

less

npm install less-loader less --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)$/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航