vue-cli4 无config文件 MiniCssExtractPlugin 的问题 CSS 提取至一个独立的 CSS 文件中

https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE

目的：开发环境观察样式表是在行内，想着以前用 MiniCssExtractPlugin变成独立的css文件。可是发现很多问题，如下是过程。

 

用了vue cli4 自动生成项目，里面没有package.conf.js 文件

百度发现，新的里面应该用vue.conf.js，package.conf.js名字读不到。

新建一个vue.conf.js

按以前，写上

const MiniCssExtractPlugin =require('mini-css-extract-plugin');

plugins:[
            new MiniCssExtractPlugin({filename:'bulit.css'})
        ]，

module:{
            rules:[
                {
                        test:/\.css$/i,
                        use:[MiniCssExtractPlugin.loader,'vue-style-loader','css-loader']
                }
            ]
        }

结果报错，

Invalid