ajax怎么按需调用css

html-css04

ajax怎么按需调用css,第1张

向head里面添加新的link 元素

var a =document.createElement('link')

a.tyle='text/css'

a.rel='stylesheet'

document.head.appendChild(a)

按需加载,可样式是写在.vue模板中的,访问另一个页面样式就会追加到head标签中,访问的越多head标签的style标签也就越多,即便style标签加入scoped可以避免样式冲突:

后来我查了下有使用extract-text-webpack-plugin将css提取合并的。

这个代码:

import 'xx.css' or require('xx.css')