详解webpack打包vue时提取css


Posted in Javascript onMay 26, 2017

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
JavaScript通过正则表达式实现表单验证电话号码
Mar 07 Javascript
JavaScript学习笔记之JS函数
Jan 22 Javascript
js对字符的验证方法汇总
Feb 04 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
两种JS实现屏蔽鼠标右键的方法
Aug 20 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
详解Webpack loader 之 file-loader
Nov 07 Javascript
js核心基础之闭包的应用实例分析
May 11 Javascript
JavaScript提升机制Hoisting详解
Oct 23 Javascript
JavaScript实现动态留言板
Mar 16 Javascript
jQuery插件imgAreaSelect基础讲解
May 26 #jQuery
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 #jQuery
Angular2 之 路由与导航详细介绍
May 26 #Javascript
Agularjs妙用双向数据绑定实现手风琴效果
May 26 #Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 #Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
May 26 #Javascript
jQuery导航条固定定位效果实例代码
May 26 #jQuery
You might like
php 阴历-农历-转换类代码
2012/01/16 PHP
typecho插件编写教程(一):Hello World
2015/05/28 PHP
如何解决phpmyadmin导入数据库文件最大限制2048KB
2015/10/09 PHP
juqery 学习之五 文档处理 插入
2011/02/11 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
jQuery+AJAX实现网页无刷新上传
2015/02/22 Javascript
《JavaScript函数式编程》读后感
2015/08/07 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
在Vue组件中获取全局的点击事件方法
2018/09/06 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
2019/11/25 Javascript
在vue中嵌入外部网站的实现
2020/11/13 Javascript
[58:23]LGD vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python基于pygame实现的弹力球效果(附源码)
2015/11/11 Python
python结合API实现即时天气信息
2016/01/19 Python
linux安装python修改默认python版本方法
2019/03/31 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
Python3进制之间的转换代码实例
2019/08/24 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
python爬取网易云音乐热歌榜实例代码
2020/08/07 Python
通过代码实例了解Python异常本质
2020/09/16 Python
Reebok俄罗斯官方网上商店:购买锐步运动服装和鞋子
2016/09/26 全球购物
美国婴儿用品店:Babies”R”Us
2017/10/12 全球购物
德国消费电子产品购物网站:Guter Kauf
2020/09/15 全球购物
奥林匹亚体育:Olympia Sports
2020/12/30 全球购物
决定成败的关键——创业计划书
2014/01/24 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
关于分班的感言
2015/08/04 职场文书
《最后一头战象》读后感:动物也有感情
2020/01/02 职场文书
Python3.8官网文档之类的基础语法阅读
2021/09/04 Python