详解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 处理网页内容的实现代码
Feb 15 Javascript
Jquery uploadify上传插件使用详解
Jan 13 Javascript
jQuery ztree实现动态树形多选菜单
Aug 12 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
使用vue.js写一个tab选项卡效果
Mar 25 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
May 07 Javascript
实例详解Node.js 函数
Jun 10 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
vuex提交state&&实时监听state数据的改变方法
Sep 16 Javascript
JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例
May 14 jQuery
微信小程序自定义弹窗滚动与页面滚动冲突的解决方法
Jul 16 Javascript
jQuery实现消息弹出框效果
Dec 10 jQuery
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 和 MySQL 基础教程(一)
2006/10/09 PHP
在PHP3中实现SESSION的功能(三)
2006/10/09 PHP
php 高性能书写
2010/12/11 PHP
Zend Framework框架教程之Zend_Db_Table_Rowset用法实例分析
2016/03/21 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
Laravel如何实现自动加载类
2019/10/14 PHP
弹出广告特效代码(一个IP只弹出一次)
2007/05/11 Javascript
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
JavaScript 学习笔记(九)call和apply方法
2010/01/11 Javascript
用js脚本控制asp.net下treeview的NodeCheck的实现代码
2010/03/02 Javascript
js类型检查实现代码
2010/10/29 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
Bootstrap 模态框(Modal)插件代码解析
2016/12/21 Javascript
详解nodejs 文本操作模块-fs模块(四)
2016/12/22 NodeJs
MUI  Scroll插件的使用详解
2017/04/13 Javascript
AngularJS ng-repeat指令及Ajax的应用实例分析
2017/07/06 Javascript
JavaScript使用面向对象实现的拖拽功能详解
2019/06/12 Javascript
微信小程序 flexbox layout快速实现基本布局的解决方案
2020/03/24 Javascript
Python入门篇之文件
2014/10/20 Python
python实现将内容分行输出
2015/11/05 Python
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
pytorch 在网络中添加可训练参数,修改预训练权重文件的方法
2019/08/17 Python
使用Python实现批量ping操作方法
2020/05/06 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
Fanatics官网:运动服装、球衣、运动装备
2020/10/12 全球购物
META-INF文件夹中的MANIFEST.MF的作用
2016/06/21 面试题
给物业的表扬信
2014/01/21 职场文书
《中彩那天》教学反思
2014/02/22 职场文书
趣味运动会策划方案
2014/06/02 职场文书
团拜会策划方案
2014/06/07 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
房产分割协议书范文
2014/11/21 职场文书
接待员岗位职责范本
2015/04/15 职场文书