vue-cli3热更新配置,解决热更新失败的问题,保存代码浏览器自动刷新

摘要:
在vue,config.js中配置css热更新constIS_PROD=['production','test'].includes(process.env.NODE_ENV)css:{//是否使用css分离插件ExtractTextPluginextract:IS_PROD,//开启CSSsourcemaps?sourceMap:false,//css预设器配置项loaderOptions:{}

vue-cli3热更新配置,解决热更新失败的问题,保存代码浏览器自动刷新第1张

在vue,config.js中配置css热更新

const IS_PROD = ['production', 'test'].includes(process.env.NODE_ENV)
css:{
//是否使用css分离插件ExtractTextPlugin
extract:IS_PROD,
//开启CSSsourcemaps?
sourceMap:false,
//css预设器配置项
loaderOptions:{
},
//启用CSSmodulesforallcss/pre-processorfiles.
modules:false,
},

然后npm run serve 重启项目即可

免责声明:文章转载自《vue-cli3热更新配置,解决热更新失败的问题,保存代码浏览器自动刷新》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇win10 mysql5.7忘记密码如何解决断点调试-程序员的必修课下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS实用的代码段

摘抄的一些代码还有自己总结的常用的代码~ 1>浏览器样式统一 1 *{ 2 margin:0px; 3 padding:0px; 4 } 浏览器样式统一 2>清除浮动的方法 3>跨浏览器设置透明度 1 .transparent{ 2 filter:alpha(opacity=50); /*IE*/ 3 -khtml...

HTML表格基础详解

       在现在 div 大行其道的时代,table 这个标签似乎很少被人提及,到处都是 div+css 布局的书以及博客文章,但其实 table 以及连带的其他表格标签依然在网页中占很重要的地位,特别是后台展示数据的时候表格运用是否熟练就显得很重要,一个清爽简约的表格能够把繁杂的数据表现得很有条理,虽然 div 布局也可以做到,但是总没有表格来得方便...

CSS实现背景透明,文字不透明(兼容各浏览器)

在 FF/Chrome 等较新的浏览器中可以使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明。而IE6/7/8浏览器不支持rgba,只有使用IE的专属滤镜filter:Alpha来实现,但是这样写法会把文字也变为透明,因此只有在透明容器的子节点(文本节点除外)内设置position:relative才能不继承其父元...

CSS实现横向滑动

html <div class="header1"> <div class="header-nei"> <div>第一场</div> <div>第二场</div> <div>第三场</div> <div>第四场</div>...

css3动画特效:上下晃动的div

<div class="container animated">上下晃动</div> /** * transform-origin 设置旋转元素的基点位置 * animation-name 设置动画名称 * animation-duration 设置动画时间 * animation-fill-...

CSS 属性选择器的深入挖掘

CSS 属性选择器,可以通过已经存在的属性名或属性值匹配元素。 属性选择器是在 CSS2 中引入的并且在 CSS3 中得到了很好拓展。本文将会比较全面的介绍属性选择器,尽可能的去挖掘这个选择器在不同场景下的不同用法。 简单的语法介绍 [attr]:该选择器选择包含 attr 属性的所有元素,不论 attr 的值为何。 [attr=val]:该选择器仅选...