create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式,不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言 Less 的。如果我们的项目必须要使用 Less 呢,这就需要我们手动集成一下。本篇主要针对集成的过程做一个简要记录。
1、在上一篇文章中我们已经保罗出react的配置文件
2、安装less,在项目中执行: cnpm install less less-loader --save.
安装less、less-loader3、配置config/webpack.config.js文件。
添加 天剑 天剑4、修改完webpack.config.js,我们来测试下,在src目录下新建test.less
新增test.less5、修改APP.js,引入:import './test.less',在执行: npm start。
app.js引入test.less6、执行npm start
react成功引入less
网友评论