less没有起作用-慕课网

less没有起作用

来源：3-1 创建Electron工程

Jessy_CYJ

2019-08-11 19:32

index.html:

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <h1>aaaaa</h1>
       <div class="main">
           <img src='g1.gif' />
           <img src="g2.gif"/>
       </div>
   </body>
</html>

index.less

h1{
color: red;
}

h1颜色依旧是黑色

less的package.json:

{
   "name": "less",
   "id": "compile-less",
   "version": "1.0.1-2018103019",
   "external": {
       "type": "node",
       "programPath": "${pluginPath}",
       "executable": "/node_modules/.bin/lessc",
       "programName": "less",
       "commands": [
           {
               "id": "LESS_COMPILE",
               "name": "编译less",
               "command": [
                   "${programPath}",
                   "${file}",
                   "${fileBasename}.css"
               ],
               "extensions": "less",
               "key": "",
               "showInParentMenu": false,
               "onDidSaveExecution": true
           }
       ]
   },
   "dependencies": {
       "less": "^3.0.2"
   },
   "extensionDependencies": [
       "npm"
   ],
   "description": "less插件用于less文件编译"
}