Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
850 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 Reply

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...