首頁(yè) 猿問(wèn) webpack 分離css問(wèn)題

webpack 分離css問(wèn)題

JavaScript

呼啦一陣風(fēng) 2019-05-24 18:32:46

//下面的是對(duì)create-react-app配置中對(duì)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

查看完整描述

2 回答

拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊

開(kāi)頭引入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就在該文件下]});