开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中,我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map 和 localhost server。而在生产环境中,我们的目标则转向于关注更小的 bundle,更轻量的 source map,以及更优化的资源,以改善加载时间。由于要遵循逻辑分离,我们通常建议为每个环境编写彼此独立的 webpack 配置。
对原型以及原型链的理解
对于JavaScript学习的深入以后势必会接触到原型以及原型链这俩个骚知识点,对于我像自己这么直的人来说有时候一下还真转不过那个弯弯来,毕竟人比较直男。那么对于理解什么是原型,什么又是原型链,还有什么原型对象啊等等,都是我们需要掌握!那么就从下面的文章开始慢慢聊..... 继续阅读“对原型以及原型链的理解”
如何使用webpack配置一个开发环境
仅仅是开发环境玩玩哦~~~~~
首先来看看source map,当 webpack 打包源代码时,可能会很难追踪到错误和警告在源代码中的原始位置,比如a.js、b.js、c.js,我们一个build之后,就变成了一个bundle,这个时候如果报错了,我们是如何知道这个错误具体在哪一个js呢?
深入vue响应式原理实例解析
我们在使用vue开发前端的过程中,最最最直接的感受,那就是绑定。不管是多页面中的实例,还是.vue组件中的data,都能实时的和页面绑定,然后再配合一系列【v-if、v-show、v-bind】等等指令,来让我们的数据控制UI视图层,从而摆脱了以往通过修改DOM结构来修改页面的方式。那我们既然知道了响应式,那有哪一些是需要我们特别注意的呢?
vue文件中怎么动态引入外链js呢?
我们在开发vue项目的时候,是不是都是script,然后里面是我们的data数据,然后是生命周期,紧接着就是methods,这是最常见的模式。
那么,我问你,如果我的有些移动端的.vue文件是在潜入到钉钉微应用【需要钉钉SDK】,有一些是小程序内嵌H5【需要WX JSSDK】,或者是我们自己公司的app,或者只有一个vue文件需要外部的js,这种情况经常遇到,那我们怎么办呢?
webapck入门学习【一】
我们在以往的项目中可能使用grunt或者是gulp来对我们的前端项目来做一个资源管理,比如上线发布之前,先执行一下gulp脚本来压缩一下图片或者混淆一下js和css,来让上线发布的文件变得尽量小一些,这样在请求的时候也会更快一些。或许你觉得够了,但是对于我这种不会gulp和grunt的人,还懒的学的来说。。。好像不够啊!而且这俩个在渐渐的落伍,那我不选webpack的话,好像会很傻的样子
【前端】webpack如何多入口配置多页面
现在前端SPA单页面这么流行,比如一套脚手架,我们在用到的时候连vue+vue-router等,甚至连webpack或者gulp等一套就集成了,里面只需要修改一些简单的配置,就可以解决跨域问题,但是,当我们项目慢慢大起来的时候,总要用到多页面的时候,那我们如何修改vue-cli或者是create-react-app这种脚手架中的默认配置呢?