我在配置webpack的時候,關(guān)于css這塊是這樣設(shè)置的 loader: 'style-loader!css-loader?modules'
可以使不同模塊之間的樣式命名不會沖突,但是這樣設(shè)置之后,我引入的外部css樣式,就不被打包,不能顯示了,請問是什么問題
Following the voice in heart.
將css分為需要打包的和不需要打包的,一般需要打包的css源文件都是預(yù)處理文件,比如以.less,.scss,.styl結(jié)尾的文件等等,可以對這部分需要打包的文件進行webpack配置,而對.css后綴的文件不作css module處理。
示例:
{
test: /\.pcss$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
camelCase: true,
importLoaders: 1,
localIdentName: '[path][name]---[local]---[hash:base64:5]',
modules: true,
},
},
{
loader: 'postcss-loader',
options: {
plugins: () => [
require('postcss-import')({
path: path.join(baseDir, './src/style'),
}),
require('postcss-cssnext'),
require('postcss-nested'),
require('postcss-functions')({
functions: {
// any funcs you wanna
},
}),
],
},
},
],
},
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: [
'css-loader',
],
}),
},
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號