create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式,不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言 Less 的。如果我们的项目必须要使用 Less 呢,这就需要我们手动集成一下。本篇主要针对集成的过程做一个简要记录。
1、在上一篇文章中我们已经保罗出react的配置文件
2、安装less,在项目中执行: cnpm install less less-loader --save.

3、配置config/webpack.config.js文件。



4、修改完webpack.config.js,我们来测试下,在src目录下新建test.less

5、修改APP.js,引入:import './test.less',在执行: npm start。

6、执行npm start

网友评论