美文网首页
二、react项目中添加less配置

二、react项目中添加less配置

作者: 一个被程序员耽误的厨师 | 来源:发表于2019-02-19 13:28 被阅读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

    相关文章

      网友评论

          本文标题:二、react项目中添加less配置

          本文链接:https://www.haomeiwen.com/subject/jhixyqtx.html