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 的静态节模块结构特性。设置 css sideEffects 是为了让 导入的 css 模块不被错误删除。

Answer 2

我找到答案了, 但我不知道你有没有找到;
"sideEffects": [

"*.css*",
"*.vue"

],
vue的文件是有副作用的;
我也是惶然大悟