使用了插件，打包丢失了样式

Question

使用new PurgeCSSPlugin({
paths: glob.sync(${PATHS.src}/**/*, { nodir: true }),
safelist: [“body”],
}),
css体积是少了但是打包出来的文件 部署是失去样式的，老师试过跑打包后的文件吗

Answer 1

扬_灵 2022-05-06 18:21:23

同学你好，下面的仓库地址无法访问，看一下是否开放了仓库的访问权限，或者可以上传到github或是码云这些代码托管平台。

• 提问者 耀阳 #1

  https://gitee.com/fessor/vue3_elm

• 扬_灵 回复 提问者 耀阳 #2

  同学你好，我在本地运行了你的代码，vue-cli-serve中有一套自己的抽离压缩css的代码，使用purgecss-webpack-plugin会将vue文件中的样式剔除，可以在PurgeCSSPlugin通过extractors配置白名单试一下。

• LabeLyz 回复 扬_灵 #3

  您好，我也遇到了相同的问题，请问这里具体应该怎么配置呢？

Answer 2

扬_灵 2022-05-06 08:47:27

同学你好，项目在开发时是经过测试的，方便把项目代码发一下吗，这边好帮你测试定位一下问题。

• 提问者 耀阳 #1

  是发慕课的git仓库吗

• 提问者 耀阳 #2

  https://git.imooc.com/fessor/vue3_elm.git