使用webpack4手动构建的配置。之前在做ES6的构建过程中运行完美。为了支持单文件组件，根据官网配置了vue-loader和vue-template-compiler。在开发环境下运行完美，但是在生产环境下会存在如下问题

//package.json
  ...
  "sideEffects": [
    "*.scss",
    "*.css"
  ],
  ...


//webpack.prod.js

...
    optimization: {
        usedExports: true,
        sideEffects: true,

    },
...

一般为了tree shaking会做上述配置，这样做在非VUE的环境下是可行的，但是对于VUE文件，会发现打包后dist目录下没有CSS文件

所以不得不去掉package.json中对应的配置。

2.purgecss-webpack-plugin无法对vue中的css tree shaking