HbuilderX要如何设置less编译出来的css文件的位置

分类：HBuilderX

less

我安装了HbuilderX，装了less插件，右击less文件，看到菜单有外部命令，less编译，结果就默默地就编译出来了，编译出来的CSS文件跟less文件同名，还同目录，我想让编译出来的CSS在不同的目录，请问要怎么办？

2019-03-04 16:17 负责人:无分享

3 个回复

DCloud_HB_WDL

如下图所示，找到【scss插件配置】

{  
    "name": "sass",  
    "id": "compile-node-sass",  
    "version": "0.0.1-2019022020",  
    "external": {  
        "type": "node",  
        "programPath": "${pluginPath}",  
        "executable": "/node_modules/.bin/node-sass",  
        "programName": "node-sass-china",  
        "commands": [  
            {  
                "id": "SASS_COMPILE",  
                "name": "编译scss/sass",  
                "command": [  
                    "${programPath}",  
                    "${file}",  
                    "${fileBasename}.css"   //此处代表编译后的文件路径，暂时不支持变量，可以写死。后期会优化的  
                ],  
                "extensions": "scss,sass",  
                "key": "",  
                "showInParentMenu": false,  
                "onDidSaveExecution": false  
            }  
        ]  
    },  
    "dependencies": {  
        "node-sass-china": "^4.7.2"  
    },  
    "extensionDependencies": [  
        "npm"  
    ],  
    "description": "compile-node-sass插件用于scss/sass文件编译"  
}