vue3的tree shaking问题

Question

版本：
vue3
webpack5

在package.json中写了sideEffects: [**/*.css]
但是.vue的文件的css会被tree shaking掉，比如

<template>
	<div></div>
</template>
<script>
export default{}
</script>
<style>
	div{color:blue}
</style>

color:blue会被tree shaking,我在package.json中把sideEffects改为[**/*.css,**/*.vue']就好了，但是这么做，webpack是不是不会对.vue文件做tree shaking了，那我开启tree shaking功能就没有意义了

Answer 1

Dell 2022-05-01 14:23:45

是的，你这么做，vue 就没有 tree shaking 了

• 提问者 Mesry #1

  那一般实际工作中，应该怎么处理呢，因为.vue文件，一般都是业务文件，理论上有tree shaking最好

• Dell 回复 提问者 Mesry #2

  vue 默认里面，能做的应该已经做了

• 提问者 Mesry 回复 Dell #3

  vue3应该是有tree shaking，vue2呢