2 回答

TA貢獻1821條經驗 獲得超6個贊
據我了解,通常一個庫通常會單獨介紹組件和樣式,并在文檔中讓用戶知道他們是否想使用默認樣式,然后也讓導入 css 文件,例如:
import ReactTypical from "react-typical"
import "react-typical/dist/react-typical.cjs.development.css"
我猜這和你的情況一樣
或者你會默認設置你的樣式而不要求他們手動導入這意味著你必須通過設置來優化你的配置inject: true,它會將你的 css 上下文導入你的js文件然后在運行時執行以將腳本附加到<head />文檔中。然后您更改的配置將如下所示:
postcss({
modules: true,
plugins: [
autoprefixer(),
cssnano({
preset: 'default',
}),
],
// Append to <head /> as code running
inject: true,
// Keep it as false since we don't extract to css file anymore
extract: false,
})

TA貢獻1876條經驗 獲得超6個贊
為了使用故事書,請將以下 css 規則添加到您的webpack故事書配置中./story/main.js:
// Remove the existing css rule
config.module.rules = config.module.rules.filter(
f => f.test.toString() !== '/\\.css$/'
);
config.module.rules.push(
{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
],
include: path.resolve(__dirname, "../src"),
}
)
但是你在你的包依賴中錯過了它們,只記得添加它們:
npm i -D style-loader css-loader
添加回答
舉報