Sails.js : 페이지 별 .less 파일

Question

내 프로젝트에서 특정보기에서 참조해야하는 "페이지 특정".less 파일이 있습니다. 이런 이유로 나는 그것을에 추가 할 수 없다. importer.less

나는이 일을하기가 힘들다.

예를 들어, 내 homepage.ejs에 직접 <link rel="stylesheet" href="/styles/homepage.css">를 추가하고 있지만, 브라우저가 404 찾을 수 없음 반환 이후 내 homepage.less 컴파일하고 .tmp 디렉토리에 복사되지 않습니다.

감사합니다.

Answer 1

1. 가정용 스타일로 assets/styles/home.less 파일을 만듭니다. 이제

   grunt.config.set('less', { 
        dev: { 
          files: [{ 
            expand: true, 
            cwd: 'assets/styles/', 
            src: ['importer.less','home.less'], 
            dest: '.tmp/public/styles/', 
            ext: '.css' 
          }] 
        } 
   }); 
   

2. 당신이 할 수 있어야한다 :이 파일은 다음과 같이 tasks/config/less.js에 덜 작업에 home.less를 추가보다 기본 스타일

3. 을 재사용 "importer.less을"@import 수 있다는 것을 주목하라 사용하려면 <link rel="stylesheet" href="/styles/homepage.css">