时间戳

首页 > 解决方案 > 为什么我当前的 reactjs 项目在 package.json 脚本中包含这个“主题”：“lessc --js src/App.less src/App.css”？

javascript - 为什么我当前的 reactjs 项目在 package.json 脚本中包含这个“主题”：“lessc --js src/App.less src/App.css”？

问题描述

当我在 npm run theme 的 package.json 脚本中运行脚本“主题”：“lessc --js src/App.less src/App.css”时，我的反应项目会发生什么？

标签： javascriptreactjswebpackage.json

解决方案

"theme": "lessc --js src/App.less src/App.css"

请在下面找到解释：

less --js=> 这可以评估.less文件中的 JavaScript 内联。

src/App.less=>App.less文件包含您的样式代码并被编译为App.css文件夹中可用的/src文件。

src/App.css=>App.css是编译文件，其中包含您编译的文件样式代码，并且该文件在文件夹本身App.less中自动可用。/src

例子 ：

无应用程序

@width: 10px;
@height: @width + 10px;

#header {
  width: @width;
  height: @height;
}

App.cssApp.less （运行 cmd 后的编译文件npm run theme：）

#header {
  width: 10px;
  height: 20px;
}

推荐阅读