idea 配置less编译包括less函数（less-plugin-functions）

谁借莪１个温暖的怀抱￠ 2021-09-16 15:08 522阅读 0赞

首先需要安装 Node.js

依次安装

使用 \`yarn\` 或者 \`npm\`均可

yarn global add less@2.7.2
    
    yarn global add less-plugin-functions
    
    yarn global add less-plugin-clean-css

自行在编辑器中安装file Watchers   （百度一大堆的教程）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yY2VlbA_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yY2VlbA_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yY2VlbA_size_16_color_FFFFFF_t_70 2][]

在对应得位置填入以下内容。

--clean-css --functions --no-color $FileName$
    
    C:\Users\10167\AppData\Roaming\npm\lessc.cmd //这里是你自己的路径
    
    $FileNameWithoutExtension$.min.css

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yY2VlbA_size_16_color_FFFFFF_t_70]: /images/20210813/88e0f5ed5305423686352fddfbd8585c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yY2VlbA_size_16_color_FFFFFF_t_70 1]: /images/20210813/d5be6c88c2ad4d258763ddad69a41ea0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yY2VlbA_size_16_color_FFFFFF_t_70 2]: /images/20210813/a39c3f391e9947c088589afcd2d290d8.png

发表评论取消回复

表情：

评论列表（有 0 条评论，522人围观）

还没有评论，来说两句吧...

相关阅读

相关编译型CSS（Less）

编译型HTML：模板引擎（Pug）。编译型CSS：less、sass、stylus。一、如何搭建Less的运行环境 1、Vue项目下的Less：（

以你之姓@/ 2023年02月13日 14:45/ 0 赞/ 157 阅读

相关 react配置less

我使用的是customize-cra重写配置 config-overrides.js const { override,fixBabelImports,ad

骑猪看日落/ 2022年10月17日 04:20/ 0 赞/ 214 阅读

相关 LESS详解之编译LESS

　　掌握LESS，必须先掌握LESS的编译。因为LESS是CSS预处理语言的一种，是一种动态语言。LESS可以运行在各种语言和环境中，包括浏览器端、服务器端等。就因为是一种CS

╰+攻爆jí腚メ/ 2022年09月17日 13:11/ 0 赞/ 457 阅读

相关 WebStorm自动编译less

WebStorm自动编译less 1. 安装node.js和npm windows下安装node.js去Node.js官网下载安装包，手动安装。安装node.js的

古城微笑少年丶/ 2022年06月14日 08:52/ 0 赞/ 325 阅读

相关 IDEA编译less插件LESS CSS Compiler的安装

1.IDEA插件地址：https://plugins.jetbrains.com/plugin/7059-less-css-compiler（[LESS CSS Compile

r囧r小猫/ 2022年06月10日 23:12/ 0 赞/ 899 阅读

相关 LESS 函数方法

混合 (misc) 字符串 (String) 列表 (List) 数学运算 (Math)

ゝ一世哀愁。/ 2022年05月26日 01:15/ 0 赞/ 239 阅读

相关如何编译.less文件（less.js）

有多少种方式可以将.less文件转换为.css文件 > > Less给 CSS 加点料!Less （Leaner Style Sheets 的缩写）是一门向后兼容的 C

向右看齐/ 2022年04月12日 12:48/ 0 赞/ 285 阅读

相关 idea 配置less编译包括less函数（less-plugin-functions）

首先需要安装 Node.js 依次安装使用 \`yarn\` 或者 \`npm\`均可 yarn global add less@2.7.2

谁借莪１个温暖的怀抱￠/ 2021年09月16日 15:08/ 0 赞/ 523 阅读

相关 Webpack安装(2)-打包css、scss、less(包括编译、分离)

此文接着[《Webpack安装(1)-集成Babel》][Webpack_1_-_Babel] 完整代码详见：[https://github.com/lhtzbj12/we

灰太狼/ 2021年09月14日 15:36/ 0 赞/ 330 阅读

相关 react 配置less

1、下载 cnpm install --save less less-loader 2、在node-modules/react-scrip

左手的ㄟ右手/ 2021年07月25日 00:20/ 0 赞/ 336 阅读