gpt4 book ai didi

reactjs - React 故事书 sass-loader 导入 node_modules

转载 作者:行者123 更新时间:2023-12-03 13:51:28 25 4
gpt4 key购买 nike

我使用 sass-loader 在项目中加载我的 scss 文件,并使用 node_modules 解析器,例如:@import '~styleguide/src/vars.scss'

当我尝试加载react-storybook时,我将其传递给webpack.config.js

const path = require('path');
const autoprefixer = require('autoprefixer');

// load the default config generator.
var genDefaultConfig = require('@kadira/storybook/dist/server/config/defaults/webpack.config.js');

module.exports = function(config, env) {
var config = genDefaultConfig(config, env);

config.module.loaders.push({
test: /\.html$/, loader: 'raw'
});
config.module.loaders.push({
test: /\.scss$/,
loaders: ['style', 'css?sourceMap', 'postcss-loader', 'sass?config=sassLoader']
});

config.sassLoader = {
includePaths: [
path.resolve(__dirname, '..', 'src/scss')
],
sourceMap: true
}

config.postcss = function() {
return [autoprefixer];
}

return config;
};

从我从 sass-loader 中读到的内容来看,node_module 解析应该是自动的,但它似乎不起作用:

这是错误消息

ERROR in ./~/css-loader?sourceMap!./~/postcss-loader!./~/sass-loader?config=sassLoader!./src/component.scss
Module build failed:
@import '~styleguide/src/vars';
^
File to import not found or unreadable: ~styleguide/src/vars
Parent style sheet: stdin

有人知道为什么会发生这种情况吗?

最佳答案

这对我们有用:

    /* eslint-env node */
const path = require('path');

const include = path.resolve(__dirname, '..', 'src');

module.exports = {
module: {
rules: [
{
test: /\.scss$/,
loaders: ["style-loader", "css-loader", "sass-loader"],
include
}
]
}
};

关于reactjs - React 故事书 sass-loader 导入 node_modules,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40202601/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com