reactjs – 如何将.less纳入React项目？
发布时间：2020-12-15 09:32:31 所属栏目：百科 来源：网络整理
导读：首先,我使用的是预制的React版本： https://github.com/facebookincubator/create-react-app#create-react-app- 到目前为止一切都很好.我正在尝试将LESS连接到应用程序.我按照这里的说明操作：http://jamesknelson.com/webpack-made-simple-build-es6-less-w
|
首先,我使用的是预制的React版本：
https://github.com/facebookincubator/create-react-app#create-react-app-
到目前为止一切都很好.我正在尝试将LESS连接到应用程序.我按照这里的说明操作：http://jamesknelson.com/webpack-made-simple-build-es6-less-with-autorefresh-in-26-lines/ 但是我是新手,并且有太多新文件供我真正理解.该示例有一个Webpack Config文件,但FB的原始版本没有.因此,我不确定我需要做些什么才能将少量添加到我的项目中. 例如,原始构建具有导入’./App.css’;在App.js文件中,但是我应该使用“App.less”来减少工作量,还是需要某种require语句？ 请列出所有需要存在/被编辑的文件,以便我实现这一目标. (我想我将尝试从CSS开始,因为它已经有效,然后转移到较少的时间……)但是我需要与Less一起工作,因此我很乐意开始使用它. 附：实际上对我来说理解文件应该以最简单的形式显示是有帮助的. 又名： 解决方法
我必须自己做这件事.遵循
create-web-app documentation中的说明.使用node-less-chokidar包修改似乎工作正常.
我的package.json构建命令后来看起来像 "build-css": "node-less-chokidar src/ src/","watch-css": "node-less-chokidar src/ src/ --watch","start-js": "node scripts/start.js","start": "npm-run-all -p watch-css start-js","build": "npm run build-css && node scripts/build.js", 我不得不加入我的.gitignore # css preprocessing src/**/*.css src/**/*.map （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |