Eleventy:更改Sass输出层次结构
我用建立一个静态网站,我想使用Sass。我用过这个。它确实将Sass代码编译成CSS文件,但它将输入层次结构复制到输出 例如,在我的输入文件夹中,我有以下层次结构:Eleventy:更改Sass输出层次结构,sass,eleventy,Sass,Eleventy,我用建立一个静态网站,我想使用Sass。我用过这个。它确实将Sass代码编译成CSS文件,但它将输入层次结构复制到输出 例如,在我的输入文件夹中,我有以下层次结构: input/ _includes/ img/ posts/ src/ scss/ partials/ main.scss 当我运行npx@11ty/eleventy时,它编译成: output/ img/ posts/
input/
_includes/
img/
posts/
src/
scss/
partials/
main.scss
当我运行npx@11ty/eleventy
时,它编译成:
output/
img/
posts/
input/
src/
scss/
main.css
index.html
我想要点像这样的
output/
img/
posts/
css/
main.css
index.html
使用
eleventy插件sass
是否可以实现这一点?如果没有,还有什么方法可以实现这一点呢?我刚刚发布了一个新版本(1.1.0)的eleventy plugin sass
,在那里你可以用新参数outputDir
定制输出目录查看这些。我在此基础上设置了package.json脚本,它按预期工作,实际上,由于一些小的更改/扩展,我在这里复制了我的脚本:
{
“名称”:“从开始到结束”,
“版本”:“0.0.0”,
“说明”:“简单的Eleventy启动器”,
“脚本”:{
“构建”:“npm运行sass&eleventy”,
“sass”:“sass src/assets/css/main.scss:_site/assets/css/main.css--load path=node_modules”,
“服务”:“npm运行所有SAS——并行监视:”,
“watch:eleventy”:“eleventy--service--port=4300”,
“监视:sass”:“npm运行sass--watch”
},
....