代码改变世界

随笔分类 - webpack

【webpack】-- 样式加载

2017-03-12 09:08 by stoneniqiu, 12005 阅读, 收藏, 编辑
摘要:加载css需要用到css-loader和style-loader css-loader将@import 和 url 处理成正规的ES6 import ,如果@import指向的是一个外部资源,css-loader会跳过,而只会对内部资源做处理。css-loader处理之后,style-loader会 阅读全文

【webpack】-- 模块热替换

2017-03-09 11:31 by stoneniqiu, 7300 阅读, 收藏, 编辑
摘要:全称是Hot Module ReplaceMent(HMR),理解成热模块替换或者模块热替换都可以吧,和.net中的热插拔一个意思,就是在运行中对程序的模块进行更新。这个功能主要是用于开发过程中,对生产环境没有任何帮助(这一点区别.net热插拔)。效果上就是界面的无刷新更新。 HMR基于WDS,st 阅读全文

【webpack】-- 自动刷新与解析

2017-02-26 23:53 by stoneniqiu, 18780 阅读, 收藏, 编辑
摘要:前端需要频繁的修改js和样式,且需要根据浏览器的页面效果不断的做调整;而且往往我们的开发目录和本地发布目录不是同一个,修改之后需要发布一下;另外一点就是并不是所有的效果都可以直接双击页面就能看到,我们常常需要在本地用nginx建一个站点来观察(自己电脑上ok了才放到测试环境去)。所以如果要用手工刷新 阅读全文

【webpack】-- 入门与解析

2017-02-20 23:31 by stoneniqiu, 1487 阅读, 收藏, 编辑
摘要:每次学新东西总感觉自己是不是变笨了,看了几个博客,试着试着就跑不下去,无奈只有去看官方文档。 webpack是基于node的。先安装最新的node。 1.初始化 安装node后,新建一个目录,比如html5。cmd中切到当前文件夹。 安装node后,新建一个目录,比如html5。cmd中切到当前文件 阅读全文