vue 创建一个空白项目,head里面一大堆style怎么去掉

kaipizhe
  • 1.3k

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

image

回复
阅读 709
3 个回答

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

image.png

image.png

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

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

image

@陟上晴明

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都清理干净了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏