详解webpack打包vue时提取css
更新时间：2017年05月26日 16:44:00 作者：Inc_晓阳
本篇文章主要介绍了详解webpack打包vue时提取css，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
webpack打包vue项目的时候默认会把vue里的css打包到页面上。
webpack.config.js里的plugins加上以下配置
new webpack.LoaderOptionsPlugin({
test:/\.vue$/,
options: {
vue: {
loaders: {
css: ExtractTextPlugin.extract({
fallback:'vue-style-loader',
use:'css-loader',
publicPath:"../"
}),
}
}
}
)
这样可以把css提取到公共style里。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
当我们使用vuex的时候，时不时能看到“更改Vuex中的store中的状态唯一办法就是提交mutations”，但是有没有试想过，我们不提交mutations其实也能修改state的值？答案是可以的，下面通过本文介绍下vuex修改state值的方法，感兴趣的朋友一起看看吧2022-11-11
当通过AJAX方式取回数据后，使用vue.js可以完美地按一定逻辑在页面上的展示数据，代码简单、优美、自然，而且便于与在用的页面框架集成，本文给大家介绍Vue.js展示AJAX数据简单示例2017-03-03
在管理系统中，常常需要在顶部tags显示浏览历史。本文将教大家如何通过Vue实现这一功能，文中的示例代码讲解详细，需要的可以参考一下2021-12-12
这篇文章主要介绍了vue 解决data中定义图片相对路径页面不显示的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了vue-router为激活的路由设置样式操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了Echarts只图例legend基本配置方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
这篇文章主要为大家详细介绍了vue.js实现用户评论、登录、注册、及修改信息功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
Vue3在css中使用v-bind绑定js/ts变量(在scss和less中使用方式)
v-bind是Vue.js中的一个核心指令,用于在Vue组件或DOM元素上绑定数据属性,下面这篇文章主要给大家介绍了关于Vue3在css中使用v-bind绑定js/ts变量的相关资料,也可以在scss和less中使用方式,需要的朋友可以参考下2024-04-04
@vueuse/core提供了丰富的功能性钩子,使得处理常见的开发任务变得更加简洁和高效,本文将详细介绍如何在Vue3项目中使用 @vueuse/core及其一些极具价值的功能,需要的可以参考下2024-11-11
keepalive是Vue的内置组件,作用是将组件缓存在内存当中,防止重复渲染DOM,属于消耗内存获取速度,这篇文章主要介绍了vue3项目keepAlive使用方法,主要将keepaliev在vue3.0中的用法,需要的朋友可以参考下2024-03-03
最新评论