webpack 插件 PurgecssPlugin 哪儿错了？

Question

vue项目 用了 element， 打算删除多余的css 。。
怎么用这个插件了？？

        new PurgecssPlugin({
            paths: glob.sync([
                `${path.resolve(__dirname, '../src')}/**/*`
            ], { nodir: true })
        })

这样写，首页样式都没了。。

Answer 1

`new PurgecssPlugin({

            paths: glob.sync([
                path.join(__dirname, './src/index.html'),
                path.join(__dirname, './**/*.vue'),
                path.join(__dirname, './src/**/*.js')
            ]),
            whitelist: ["html", "body"],
            whitelistPatterns: [/el-.*/],
            whitelistPatternsChildren: [/^token/, /^pre/, /^code/]
        })`
        可以配置白名单

Answer 2

如果你项目里设置了css module，这个插件没法正确shaking，导致编译出来的css文件是空的