我试图在我的汇总配置中设置一个SASS结构,允许我在整个应用程序中使用变量。我想用POSTSS自动刷新器。我在插件阵列中设置了以下内容:
postcss({
modules: false,
extensions: ['.css', '.sass', '.scss'],
output: false,
extract: true,
plugins: [autoprefixer],
use: [
[
'sass', {
includePaths: [path.join(__dirname, 'scss')]
}
]
]
})
这很好,我可以在我的组件中导入我的SCSS文件,比如,import./App.SCSS”
。
我面临的问题是,我在App.scss中声明了许多全局变量,我想在子级导入的组件中使用这些变量。
我该怎么做呢?我以为这个插件会解决所有的SCSS,然后对它运行postcss SASS,但似乎不是这样。
这对我很有用:
苗条的配置。js
module.exports = {
preprocess: autoPreprocess({
scss: { prependData: `@import 'src/styles/main.scss';`},
postcss: { plugins: [require('autoprefixer')] }
}),
#};
rollup.config.js
svelte({
dev: !production, // run-time checks
// Extract component CSS — better performance
css: css => css.write(`bundle.css`),
hot: isNollup,
preprocess: [
autoPreprocess({
scss: { prependData: `@import 'src/styles/main.scss';`},
postcss: { plugins: [postcssImport()] },
defaults: { style: 'postcss' }
})
]
}),
应用程序。苗条的
<style global lang="scss">
</style>
如果您希望终端中的错误在rollup.config.js消失
svelte({
dev: !production, // run-time checks
// Extract component CSS — better performance
css: css => css.write(`bundle.css`),
hot: isNollup,
preprocess: [
autoPreprocess({
scss: { prependData: `@import 'src/styles/main.scss';`},
postcss: { plugins: [postcssImport()] },
defaults: { style: 'postcss' }
})
],
onwarn: (warning, handler) => {
const { code, frame } = warning;
if (code === "css-unused-selector")
return;
handler(warning);
}
}),
最酷的是我的主打。scss文件可以导入部分。
@import 'resets';
@import 'border_box';
@import 'colors';
@import 'fonts';
@import 'forms';
此处的文档:https://github.com/sveltejs/svelte-preprocess/blob/main/docs/getting-started.md
我正在创建一个程序来提示用户输入信息,所以我创建了多个变量,然后让程序根据这些变量输出信息。出于某种原因,每当我声明新的年龄变量时,程序都会给我一个奇怪的错误,在线程“main”中说Exception。我试着将第一次扫描关闭到,但不起作用。 我的密码是
我当前想在项目中安装节点sass,但每次出现此错误时 错误:无法重命名临时“发布/对象”。target/libsass/src/libsass/src/color\u maps-5ff12a01。o、 tmp“输出文件”发布/目标。target/libsass/src/libsass/src/color\u映射。o“:”不允许操作“生成了2个警告和1个错误。make:**[发布/obj.targe
问题内容: 有什么方法可以根据html元素上的类设置颜色变量?还是通过其他方式实现这一目标? 问题答案: 这是基本主题。您可能想使用mixin或包含一个CSS文件中的多个主题。这是使用包括以下内容的方法: _theme.scss main.scss 您可以轻松地制作一个混合色,它使用3种颜色作为其参数来代替include:
问题内容: 我有几个scss选择器,在其中我使用相同数量的正负值,如下所示: 我希望对所有15px的量都使用一个变量,但这不起作用: 保证金金额转换为正数。我想念什么吗? 问题答案: 像这样尝试
我有两个scss选择器,使用相同数量的正片和负片,如: 我更喜欢使用一个变量为所有的15px金额,但这不工作: 保证金金额转换为正数。我错过什么了吗?
修正错误: java:9:error:'else'不带'if'else if(首付>carloan);