webpack混入全局样式的两种方式

玉字璧

关注

阅读 72

2022-11-23


如果你使用 stylus 预处理器,默认支持 import 混入一些全局样式。

{
test: /\.styl(us)?$/,
use: [
MpxWebpackPlugin.wxssLoader(),
{
loader: 'stylus-loader',
options: {
stylusOptions: {
import: [resolve('./src/theme.styl')],
}
}
}
]
}

除此之外,还可以选择安装 style-resources-loader 进行处理样式。

{
test: /\.styl(us)?$/,
use: [
MpxWebpackPlugin.wxssLoader(),
'stylus-loader',
{
loader: 'style-resources-loader',
options: {
patterns: [
resolve('./src/theme.styl')
]
}
}
]
}


精彩评论(0)

0 0 举报