webpack 分离css问题

Question

//下面的是对create-react-app配置中对css的配置constcssFilename='static/css/[name].[contenthash:8].css';constextractTextPluginOptions=shouldUseRelativeAssetPaths?{publicPath:Array(cssFilename.split('/').length).join('../')}:{};{test:/\.css$/,loader:ExtractTextPlugin.extract(Object.assign({fallback:require.resolve('style-loader'),use:[{loader:require.resolve('css-loader'),options:{importLoaders:1,minimize:true,sourceMap:true,},},{loader:require.resolve('postcss-loader'),options:{ident:'postcss',//https://webpack.js.org/guides/migrating/#complex-optionsplugins:()=>[require('postcss-flexbugs-fixes'),autoprefixer({browsers:['>1%','last4versions','FirefoxESR','notie

Answer 1

开头引入
constwebpack=require("webpack");
constExtractTextPlugin=require("extract-text-webpack-plugin");
//...
然后
webpack({
entry:{
//...
},
output:{
//...
},
module:{
rules:[
{
test:/\.css$/,
include:[path.resolve(__dirname,"./css")],
use:ExtractTextPlugin.extract({
fallback:"style-loader",
use:['css-loader?minimize=true']
})
}
//...
]
},
plugins:[
//...
newExtractTextPlugin('min.css')//CSS就在该文件下
]
});