汇总可';t使用POSTSS(Sapper框架)编译/转换所有我的less、sass和css文件

汇总可';t使用POSTSS(Sapper框架)编译/转换所有我的less、sass和css文件,less,svelte,rollup,postcss,sapper,Less,Svelte,Rollup,Postcss,Sapper,是包含错误的rollup.config.js文件的回购协议。不知何故,它无法使用正确的解析器编译我的LESS文件,因此我得到了以下错误: You tried to parse Less with the standard CSS parser; try again with the postcss-less parser 当我使用纱线开发开始构建过程时(您也可以使用npm)。我已经尝试将带有parser参数的postsss-less解析器传递给rollup plugin postsss公开的p

是包含错误的
rollup.config.js
文件的回购协议。不知何故,它无法使用正确的解析器编译我的LESS文件,因此我得到了以下错误:

You tried to parse Less with the standard CSS parser; try again with the postcss-less parser
当我使用
纱线开发
开始构建过程时(您也可以使用npm)。我已经尝试将带有
parser
参数的
postsss-less
解析器传递给
rollup plugin postsss
公开的
postsss()
函数,但这没有改变任何事情。还很难判断错误到底发生在哪里,这就是为什么我已经设置了一个小的
rollupDebugger
脚本,在每次更改后将所有样式表转储到
dumps
目录中,以便您可以跟踪(并希望找到错误)。我也尝试了一些其他方法来调试它(
postsss-reporter
postsss-debugger
),但它们根本没有任何帮助。
这就是我现在转向StackOverflow社区的原因。我希望有一些更聪明的人,能够把头脑集中在汇总逻辑上;)
我感谢反馈,一切都有帮助;非常感谢
我的目标是拥有

  • 在生产过程中为苗条材质UI库解析、添加前缀(
    autoprefixer
    )和最小化(
    cssnano
    )的sass文件
  • 更少的文件被解析、加前缀和最小化
  • 组件中的css/less/sass以相同的方式进行处理、解析、加前缀和最小化
  • 每个样式表(无论预处理器如何)都应该能够包含在导入语句或
    标记上
  • 应在生产中清除所有未使用的css

您链接的回购协议中有多个问题。我的建议是从头开始。只需在原始Sapper模板中添加-D rollup plugin postcss-less node sass,并在rollup config(客户端和服务器)中添加postcss插件,就足以从
.svelte
文件导入
.scss
.less
。从那里开始建造。确保一个接一个地添加插件和配置选项,并在添加时对每个插件和配置选项进行测试。通过这种方式,您将立即知道错误来自何处,而不必一下子找出几个问题以及它们之间的相互作用@rixo现在就做,谢谢你的建议!