webpack配置css前缀自动补全

webpack配置css前缀自动补全

• 主要依赖

  "autoprefixer": "^10.3.1",
  "postcss": "^8.3.6",
  "postcss-loader": "^4.2.0",
  

• css解析配置

  确保已安装 基础依赖  style-loader 、css-loader
  webpack.config.js 文件新增
  module.exports={
  	module:{
  		rules:[
  			{
  	        test: /\.css$/i,
  	        exclude: /node_modules/,
  	        use: ['style-loader','css-loader','postcss-loader']
  	       }
  		]
  	}
  }	
  

• less解析配置

  确保已安装 基础依赖  style-loader 、css-loader、less-loader
  webpack.config.js 文件
  	module.exports={
     module:{
     	rules:[
     		{
     	        test: /\.less$/i,
     	        exclude: /node_modules/,
     	        use: [
     	          {
     	            loader:  'style-loader' 
     	          },
     	          {
     	            loader: 'css-loader',
     	          },
     	          {
     	            loader: 'pos