vue 某个页面不需要引入 main.js中的全局样式,该如何写配置

Question

vue的项目,在main.js中引入了全局样式文件common.css,但是有一个页面是不需要这个全局样式文件的,我该怎么写配置文件,使这个页面不加载common.css?

Answer 1

你可以不要在main.js引入，可以用html标签引入，通过控制标签移除和加载试试。不然的话只能考虑局部样式覆盖全局样式。

Answer 2

就我所知如果你的common.css是全局引入的，就没法避免在component里面出现。如果你不想在一些页面里加载它，那就从全局里拿掉，然后加载到需要的页面上。
好想用style loder是可以自定义那些页面加载那些css的，但是同样的，你不可能配置一个全局的参数，然后想在部分页面卸载，所以最后都是全局不要载入它，在页面里单独加载。

Answer 3

网页里 css 通常体积最小，性能消耗也最小，配合适当的缓存策略，通常可以视作无损耗。建议正常加载就好，不需要动脑子移除。