详解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里。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# webpack  # vue  # 打包css  # 提取css  # webpack vue 项目打包生成的文件  # 资源文件报404问题的修复方法(总结篇)  # 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法  # 详解vue-cil和webpack中本地静态图片的路径问题解决方案  # 解决vue+webpack打包路径的问题  # vue-cli webpack模板项目搭建及打包时路径问题的解决方法  # vue cli使用绝对路径引用图片问题的解决  # 详谈vue+webpack解决css引用图片打包后找不到资源文件的问题  # 会把  # 大家多多  # pre  # plugins  # class  # brush  # js  # config  # css  # LoaderOptionsPlugin  # style  # fallback  # loader  # br  # publicPath  # options  # test  # loaders 

相关文章： 魔方云NAT建站如何实现端口转发？  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何自定义建站之星模板颜色并下载新样式？  如何在宝塔面板中创建新站点？  如何续费美橙建站之星域名及服务？  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  大连 网站制作,大连天途有线官网？  如何解决ASP生成WAP建站中文乱码问题？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  图册素材网站设计制作软件,图册的导出方式有几种？  小型网站建站如何选择虚拟主机？  建站之星2.7模板快速切换与批量管理功能操作指南  如何选择网络建站服务器？高效建站必看指南  江苏网站制作公司有哪些,江苏书法考级官方网站？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  SQL查询语句优化的实用方法总结  开源网站制作软件,开源网站什么意思？  Android滚轮选择时间控件使用详解  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  英语简历制作免费网站推荐,如何将简历翻译成英文？  建站主机核心功能解析：服务器选择与网站搭建流程指南  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  如何通过虚拟主机快速完成网站搭建？  如何选择适配移动端的WAP自助建站平台？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  建站主机选哪家性价比最高？  如何配置IIS站点权限与局域网访问？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  做企业网站制作流程,企业网站制作基本流程有哪些？  简单实现Android验证码  智能起名网站制作软件有哪些,制作logo的软件？  佛山网站制作系统,佛山企业变更地址网上办理步骤？  建站之星与建站宝盒如何选择最佳方案？  七夕网站制作视频,七夕大促活动怎么报名？  如何通过老薛主机一键快速建站？  如何在阿里云虚拟服务器快速搭建网站？  如何用腾讯建站主机快速创建免费网站？  如何快速搭建FTP站点实现文件共享？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  建站之星后台管理系统如何操作？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  ,交易猫的商品怎么发布到网站上去？  如何通过可视化优化提升建站效果？  如何快速生成橙子建站落地页链接？  如何在Golang中使用replace替换模块_指定本地或远程路径  微信推文制作网站有哪些,怎么做微信推文，急？  香港服务器租用费用高吗？如何避免常见误区？  ,怎么用自己头像做动态表情包？  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站