二、react项目中添加less配置

2019-02-19  本文已影响8人  一个被程序员耽误的厨师

create-react-app 是由 React 官方提供并推荐使用构建新的 React 单页面应用程序的最佳方式,不过目前版本(1.5.x)其构建的项目中默认是不支持动态样式语言 Less 的。如果我们的项目必须要使用 Less 呢,这就需要我们手动集成一下。本篇主要针对集成的过程做一个简要记录。

1、在上一篇文章中我们已经保罗出react的配置文件

2、安装less,在项目中执行: cnpm install less less-loader --save.

安装less、less-loader

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

添加 天剑 天剑

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

新增test.less

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

app.js引入test.less

6、执行npm start

react成功引入less
上一篇下一篇

猜你喜欢

热点阅读