comments - LESS 无声多行注释

Question

有没有办法创建无声 LESS 中的多行注释？我想要与//comment 相同的行为，但对于多行字符串。

Answer 1

正如@harry 已经明确说明的，-x和 clean-css选项也删除评论。从版本 2 开始，clean-css 选项已移入插件 ( npm install -g less-plugin-clean-css )。

由于 Less 2 你可以使用插件，另见 http://lesscss.org/usage/#plugins ，所以你可以编写和使用一个插件来删除你的多行注释。

示例:

下载并解压 clean-css 到您的工作目录中。你可以在 https://github.com/jakubpawlowicz/clean-css 找到 clean-css (这将创建一个名为 clean-css-master 的子旧版本)

比创建你的插件，调用这个文件 less-plugin-remove-comments.js :

var getCommentsProcessor = require("./comments-processor");

module.exports = {
    install: function(less, pluginManager) {
        var CommentsProcessor = getCommentsProcessor(less);
        pluginManager.addPostProcessor(new CommentsProcessor());
    }
};

您的 comment-processor.js可能包含以下内容:

var cleaner = require('./clean-css-master/lib/text/comments-processor');

module.exports = function(less) {
    function CommentProcessor(options) {
        this.options = options || {};
    };

    CommentProcessor.prototype = {
        process: function (css) {
            var commentsProcessor = new cleaner('*', false);
            css = commentsProcessor.escape(css);
            return css;
        }
    };

    return CommentProcessor;
};

最后，您应该能够运行以下命令:

lessc --plugin=./less-plugin-remove-comments.js index.less

前面的命令应该为您提供没有注释的编译后的 CSS。