有没有人遇到过这个问题哈！vue-cli3创建的项目，开启 sideEffects: ["*.css"] 后，.vue里的style样式被丢弃了

Question

我用cli3新建的项目，如下配置"sideEffects":["*.css"]然后打包，直接打开dist/index.html发现页面的样式都被丢了。大神门怎么整这个问题，我现在项目想用treeshaking删除多余代码和插件，但是碰到这个问题。

Answer 1

解决办法：直接打开dist/index.html当然样式丢了。引入路径是绝对路径如/css/style.css，直接打开就会从本地文件根目录索引file://css/style.css。
题外话：sideEffects是设置导入模块的副作用。即指定哪些模块有副作用，需要在打包的时候不要错误删除了这些模块的代码。在webpack中任何导入的模块都受到tree-shaking的影响，都依赖ES2015的静态节模块结构特性。设置csssideEffects是为了让导入的css模块不被错误删除。
                            

Answer 2

我找到答案了,但我不知道你有没有找到;"sideEffects":[
"*.css*",
"*.vue"
],vue的文件是有副作用的;我也是惶然大悟