Als ich das Webpack konfiguriert habe, wurde das CSS so eingestellt loader: 'style-loader!css-loader?modules'
Es kann Konflikte bei der Stilbenennung zwischen verschiedenen Modulen verhindern. Nach dieser Einstellung werden die von mir eingeführten externen CSS-Stile jedoch nicht gepackt und k?nnen nicht angezeigt werden
Following the voice in heart.
將css分為需要打包的和不需要打包的,一般需要打包的css源文件都是預(yù)處理文件,比如以.less,.scss,.styl結(jié)尾的文件等等,可以對(duì)這部分需要打包的文件進(jìn)行webpack配置,而對(duì).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',
],
}),
},