vue 创建一个空白项目，head里面一大堆style怎么去掉_编程技术网-程序员技术内容聚合平台

（在说正事之前，我要推荐一个福利：你还在原价购买阿里云、腾讯云、华为云服务器吗？那太亏啦！来这里，新购、升级、续费都打折，能够为您省60%的钱呢！2核4G企业级云服务器低至69元/年，点击进去看看吧>>>)

vue 创建一个空白项目，head里面一大堆style怎么去掉，默认样式，全部不要，怎么去掉

###

你确定你是空白vue项目吗？

###

这是因为vue-cli创建的项目里面，默认给你配置了webpack中的style-loader plugin
这个plugin就能够把你的css代码以<style></style>的形式插入到<head></head>中

你可以试试mini-css-extract-plugin, 这玩意能够达到你的预期。

###

@陟上晴明

h3[data-v-469af010] {
  margin: 40px 0 0;
}
ul[data-v-469af010] {
  list-style-type: none;
  padding: 0;
}
li[data-v-469af010] {
  display: inline-block;
  margin: 0 10px;
}
a[data-v-469af010] {
  color: #42b983;
}

还是有两个,App.vue,Home.vue都清理干净了