???已解决了……

是因为webpack.config.js中配置CSS的正则（ test:/\.css$/）加了引号? 

const UglifyJsPlugin = require('uglifyjs-webpack-plugin')

    optimization: {
        minimizer: [
            // 压缩CSS
            new OptimizeCSSAssertsPlugin({}),
            // 压缩JS
            new UglifyJsPlugin({
                // 有很多可以配置
                cache: true,
                parallel: true,
                sourceMap: true,
                uglifyOptions: {
                     // 在UglifyJs删除没有用到的代码时不输出警告
                    warnings: false,
                    output: {
                        // 删除所有的注释
                        comments: false,
                        // 最紧凑的输出
                        beautify: false
                    },
                    compress: {
                        // 删除所有的 `console` 语句
                        // 还可以兼容ie浏览器
                        drop_console: true,
                        // 内嵌定义了但是只用到一次的变量
                        collapse_vars: true,
                        // 提取出出现多次但是没有定义成变量去引用的静态值
                        reduce_vars: true,
                    }
                }
            })
        ]
    },

这两个不是一个版本下的东西  你自己看一下babel官网。新版本的是@babel/preset-env    以前是用的babel-preset-env。这个根据你babel-loader的版本看的。多看看官网版本变化后的依赖变化

发出来你的package.json看下

单独写在webpack.config.js试试

你换一个目录，这个目录没有写权限,或者你修改一下权限。

"browserslist": [
  "iOS >= 6",
  "Android >= 4",
  "IE >= 9"
],

在package.json加上这段

我使用的webpack的版本是4.8.3

1、postcss.config.js中我的配置是这样的：

module.exports = {

  plugins: [

    require('autoprefixer')({

    browsers:['last 5 versions']

    })

  ]

}

2、webpack.config.js中的配置是这样的：

module.exports = { 
   module: {   
        rules: [  
              { test: /\.css$/,
              use: ["style-loader", "css-loader", "postcss-loader"] 
              }
            ] 
        }}

亲测，有效，在chrome浏览器，elements的<style></style>样式中，可以看到浏览器的版本的信息

webpack.config.js  文件

{

            test: /\.css$/,

            use: [

              'style-loader',

              { loader: 'css-loader', options: { importLoaders: 1 } },

              'postcss-loader'

            ]

  },

postcss.config.js   文件

module.exports = {

  plugins: [

    require('autoprefixer')

  ]

}

package.json 文件 加上这个 ，不加前缀不生效

"browserslist": [

    "defaults",

    "not ie < 11",

    "last 2 versions",

    "> 1%",

    "iOS 7",

    "last 3 iOS versions"

  ]

我在官网上看的说是importLoaders的数量默认是0，意思是一个加载器都不用，1的意思是用postcss-loader加载器，2的意思是用postcss-loaders和sass-loader加载器

css预处理（less,sass）已经解决了import的行为，所以不需要importLoader了

说的很对~

肯定的，因为是js 插入进去的，不是webpack 编译的时候静态打包进去的

这个可能跟nodejs的运行环境有关,我的是nodejs 8.4    webpack 3.8 

extract-text-webpack-plugin 3.0 

推测可能是你的nodejs版本比较高,可以降低一下版本,或者升级webpack的版本

缺少模块，你可以试试npm install yargs 

现在给postcss制定插件还需要给一个ident 

我也是在这个情况

因为你在loader 中引用了插件，但是没有指明是谁的插件，需要制定一个ident，唯一标识

https://www.npmjs.com/package/postcss-loader  官网上面有解释

这个先要在doc里 npm install postcss-import --save-dev

还要require（）进去

应该这样写

webpack.config.js中的配置：

{
   test: /\.css$/,
   use: [
       'style-loader',
       { loader: 'css-loader', options: { modules: false, importLoaders: 1 } },
       {
           loader: 'postcss-loader'
       }
   ]
}

新建postcss.config.js文件，在根目录下，文件内容

module.exports = {
   plugins: [
       require('autoprefixer')({
           browsers: ["last 5 versions"]
       })
   ]
}

还有如果是webpack2，旧的 loader 配置变了，用为rules:[...]，不用loaders了

你试试，我用的webpack2.0,这样写可以，亲测有效

你的样式文件是commom.css  但是你import的是common.css文件

打错了，是在webpack里面可以通过import加上css-loader和style-loader可以添加css文件

你这个用的是绝对路径，换成"./css/common.css"当前路径