TA貢獻1853條經驗 獲得超18個贊
將css分為需要打包的和不需要打包的，一般需要打包的css源文件都是預處理文件，比如以.less，.scss，.styl結尾的文件等等，可以對這部分需要打包的文件進行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',
],
}),
},
舉報