2014-07-01 6 views
1

저는 NodeJS 전체의 폭풍에 대해 처음이고 일부 연구를 통해 Sails.JS를 프레임 워크로 사용하기로 결정했습니다.Sails.js + grunt가 자산을 컴파일하지 않습니다.

Bootstrap Bootswatch .less 파일을 사용하려고 시도 할 때까지 모든 것이 잘 작동합니다.

bootswatch.less를 내 스타일 폴더에 복사하고 페이지를 새로 고치면 모든 애셋에서 404 오류가 발생합니다.

내 디렉토리 트리는 다음과 같습니다

var cssFilesToInject = [ 

'linker/styles/variables.less', 
'linker/styles/bootstrap.css', 
'linker/styles/bootswatch.less', 
'linker/styles/custom.less', 

'linker/**/*.css' 
]; 

내가 sails lift --verbose으로 서버를 시작하려고했습니다, 그리고 오류가 발생하지 않았다 :

Root 
|_api 
|_assets 
|_|_images 
|_|_linker 
|_|_|_fonts 
|_|_|_js 
|_|_|_styles 
|_|_|_|_bootstrap.css 
|_|_|_|_custom.less 
|_|_|_|_variables.less 
|_|_|_|_bootswatch.less 
|_|_|_templates 
|_configs 
etc. 

내 gruntfile.js는이 lookslike.

답변

1

동일한 문제가 있었지만 a better solution-은 완벽하지는 않습니다. 기본적으로 프로젝트 루트에 grunt compileAssets을 실행합니다. 그게 효과가 있다면, 우리는 바른 길을 가고 있습니다.

돛이 들었을 때 자산을 컴파일하지 않는 실제 문제를 해결하는 것이 좋습니다.

그래서 여기에 나를 위해 일한 무엇 : 나는 무슨 일이 일어나고 있는지의 제한된 이해를 얻기 위해 꿀꿀 거리는 소리 파일을 통해 파고

. 수동으로 저작물을 컴파일하기 때문에 Grunt가 제대로 작동하고있는 것처럼 보였습니다. 그런 다음 프로젝트 루트의 .sailsrc 파일을 우연히 발견했습니다. 다음과 같이 표시됩니다.

{ 
    "generators": { 
    "modules": {} 
    }, 
    "hooks": { 
    "grunt": false 
    } 
} 

그런트가 꺼져있는 것처럼 보입니다. 나는 이것으로 바꿨고, 돛을 들었다. 그리고 그것은 일했다!

{ 
    "generators": { 
    "modules": {} 
    }, 
    "hooks": { 
    // "grunt": false 
    } 
} 

나는 이것이 아직 무엇인지 아직 알지 못한다. 어쩌면 그것은 janky 해결책이지만, 나는 다시 일하게 만든다. 돛에 대한 더 많은 경험을 얻을 때, 이것이 올바르지 않으면 제대로 고칠 것입니다.

0

프레임 워크를 선택하십시오! 돛은 멋지고 Angular.js와 함께 평균 스택을 만들 수 있습니다. 어쨌든 Sails.js 자동 편집에서 보았던 모든 것들이 문제의 주제가 많기 때문에 끈적 거리는 비즈니스입니다.

SCSS 파일과 함께 작동하게해도이 문제가 발생했습니다.

많은 사람들이 사용하는 터미널을 사용하여 수동으로 파일을 컴파일하고 스타일 디렉토리에 연결하는 것이 가장 좋습니다.

위대한 다른 방법을 찾을 수있는 경우 자산을 컴파일하지 않는 이유는 엄청난 수의 요인으로 인해 정리하는 데 많은 시간이 소요될 수 있기 때문일 수 있습니다.

관련 문제