NextJS -使用sass-加载程序向每个scss文件添加变量。
NextJS -使用sass-加载程序向每个scss文件添加变量。
提问于 2021-12-30 10:40:39
我试图添加一个自定义webpack配置到我的下一个项目。目标是为我的应用程序中的每个scss文件自动导入@import "src/styles/variables.scss";。
我有一个webpack配置的故事书，它的工作，如预期，但我没有成功地使它为nextJS工作。
这是我的故事簿配置：
webpackFinal: async (config, { configType }) => ({
...config,
module: {
...config.module,
rules: [
...config.module.rules,
{
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader'],
include: path.resolve(__dirname, '../'),
},
{
test: /\.s[ac]ss$/i,
use: {
loader: 'sass-loader',
options: {
additionalData: '@import "src/styles/variables.scss";',
},
},
},
],
},
这是我的next.config.js
webpack: (config) => ({
...config,
module: {
...config.module,
rules: [
...config.module.rules,
{
test: /\.scss$/,
use: ['style-loader', 'css-loader', 'sass-loader'],
include: path.resolve(__dirname, './'),
},
{
test: /\.s[ac]ss$/i,
use: {
loader: 'sass-loader',
options: {
additionalData: '@import "src/styles/variables.scss";',
},
},
},
],
},
})
回答 1
Stack Overflow用户
发布于 2021-12-31 10:52:04
我们可以直接将sassOptions添加到next.config.js中，而无需sass加载程序.
sassOptions: {
additionalData: `@import "src/styles/variables.scss"; @import "src/styles/mixins.scss";`,
},
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70530451
复制相关文章
相似问题
腾讯云开发者
