Webpack 故事书赢得';t从节点模块加载CSS
我正在尝试将我的故事书设置为显示旋转木马组件 我正在使用,以及样式化组件 我正在导入外部CSS文件,如下所示:Webpack 故事书赢得';t从节点模块加载CSS,webpack,storybook,Webpack,Storybook,我正在尝试将我的故事书设置为显示旋转木马组件 我正在使用,以及样式化组件 我正在导入外部CSS文件,如下所示: import 'slick-carousel/slick/slick.css' import 'slick-carousel/slick/slick-theme.css' 这是我最基本的网页配置 // storybook/webpack.config.js const path = require("path"); module.exports = { module: {
import 'slick-carousel/slick/slick.css'
import 'slick-carousel/slick/slick-theme.css'
这是我最基本的网页配置
// storybook/webpack.config.js
const path = require("path");
module.exports = {
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.css$/,
use: ["css-loader", "sass-loader"],
include: [
path.resolve(__dirname, "../src"),
path.resolve(__dirname, "../node_modules")
]
}
]
},
resolve: {
modules: [path.resolve(__dirname, "../src"), "node_modules"],
extensions: [".js"]
}
};
这不起作用,我无法在旋转木马上获得任何样式
我做错什么了吗?您需要添加
样式加载器
:
use: ["style-loader", "css-loader", "sass-loader"]
希望这能解决你的问题