Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
794 views
in Technique[技术] by (71.8m points)

webpack 插件 PurgecssPlugin 哪儿错了?

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

image.png

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

`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/]
        })`
        可以配置白名单

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...