Javascript Sails.js+;格朗特没有';编辑资产
我对整个NodeJS风暴都是新手,经过一些研究,我决定使用Sails.JS作为我的框架 这一切都很好,直到我尝试使用Bootstrap Bootswatch.less文件 如果我将bootswatch.less复制到styles文件夹并刷新页面,我的所有资产都会抛出404错误 我的目录树如下所示:Javascript Sails.js+;格朗特没有';编辑资产,javascript,css,node.js,less,sails.js,Javascript,Css,Node.js,Less,Sails.js,我对整个NodeJS风暴都是新手,经过一些研究,我决定使用Sails.JS作为我的框架 这一切都很好,直到我尝试使用Bootstrap Bootswatch.less文件 如果我将bootswatch.less复制到styles文件夹并刷新页面,我的所有资产都会抛出404错误 我的目录树如下所示: Root |_api |_assets |_|_images |_|_linker |_|_|_fonts |_|_|_js |_|_|_styles |_|_|_|_bootstrap.css |_
Root
|_api
|_assets
|_|_images
|_|_linker
|_|_|_fonts
|_|_|_js
|_|_|_styles
|_|_|_|_bootstrap.css
|_|_|_|_custom.less
|_|_|_|_variables.less
|_|_|_|_bootswatch.less
|_|_|_templates
|_configs
etc.
var cssFilesToInject = [
'linker/styles/variables.less',
'linker/styles/bootstrap.css',
'linker/styles/bootswatch.less',
'linker/styles/custom.less',
'linker/**/*.css'
];
我的GrunFile.js看起来像这样:
Root
|_api
|_assets
|_|_images
|_|_linker
|_|_|_fonts
|_|_|_js
|_|_|_styles
|_|_|_|_bootstrap.css
|_|_|_|_custom.less
|_|_|_|_variables.less
|_|_|_|_bootswatch.less
|_|_|_templates
|_configs
etc.
var cssFilesToInject = [
'linker/styles/variables.less',
'linker/styles/bootstrap.css',
'linker/styles/bootswatch.less',
'linker/styles/custom.less',
'linker/**/*.css'
];
我尝试使用
sails lift--verbose启动服务器,没有抛出任何错误。这是一个不错的框架选择!Sails非常棒,可以用Angular.js创建一个平均堆栈,不管怎样,我所看到的Sails.js自动编译的一切充其量都是一件棘手的事情,因为这个问题有很多主题
我也遇到了使用SCSS文件的问题
总的来说,我认为最好是使用您使用的任何终端手动编译文件,并将其链接到styles目录
但是,如果您设法找到另一种很好的方法,那么资产没有编译的原因可能是由于大量的因素,您将花费数小时试图进行分类。也有同样的问题,但发现了–尽管不是完美的。基本上,您可以在项目根目录中运行grunt compileasets
。如果这行得通,我们就走对了
最好解决真正的问题,即sails在提升时不编译资产
以下是对我有效的方法:
我翻遍了咕噜文件,对发生的事情有了有限的了解。由于手工编译资产是有效的,所以Grunt似乎运行正常。然后我在我的项目根目录中偶然发现了一个.sailsrc
文件。下面是它的样子:
{
"generators": {
"modules": {}
},
"hooks": {
"grunt": false
}
}
看起来格伦特被关掉了。我把它改成了这个,扬起了帆,它成功了
{
"generators": {
"modules": {}
},
"hooks": {
// "grunt": false
}
}
我真的不知道这是什么,所以也许这是一个简陋的解决方案,但它让我重新开始工作。当我获得更多的航海经验时,如果这不正确,我会正确地修复它