webpack配置生产环境

开发环境(development)生产环境(production)的构建目标差异很大。在开发环境中,我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map 和 localhost server。而在生产环境中,我们的目标则转向于关注更小的 bundle,更轻量的 source map,以及更优化的资源,以改善加载时间。由于要遵循逻辑分离,我们通常建议为每个环境编写彼此独立的 webpack 配置

继续阅读“webpack配置生产环境”

深入vue响应式原理实例解析

我们在使用vue开发前端的过程中,最最最直接的感受,那就是绑定。不管是多页面中的实例,还是.vue组件中的data,都能实时的和页面绑定,然后再配合一系列【v-if、v-show、v-bind】等等指令,来让我们的数据控制UI视图层,从而摆脱了以往通过修改DOM结构来修改页面的方式。那我们既然知道了响应式,那有哪一些是需要我们特别注意的呢?

继续阅读“深入vue响应式原理实例解析”

vue文件中怎么动态引入外链js呢?

我们在开发vue项目的时候,是不是都是script,然后里面是我们的data数据,然后是生命周期,紧接着就是methods,这是最常见的模式。
那么,我问你,如果我的有些移动端的.vue文件是在潜入到钉钉微应用【需要钉钉SDK】,有一些是小程序内嵌H5【需要WX JSSDK】,或者是我们自己公司的app,或者只有一个vue文件需要外部的js,这种情况经常遇到,那我们怎么办呢?

继续阅读“vue文件中怎么动态引入外链js呢?”

webapck入门学习【一】

我们在以往的项目中可能使用grunt或者是gulp来对我们的前端项目来做一个资源管理,比如上线发布之前,先执行一下gulp脚本来压缩一下图片或者混淆一下js和css,来让上线发布的文件变得尽量小一些,这样在请求的时候也会更快一些。或许你觉得够了,但是对于我这种不会gulp和grunt的人,还懒的学的来说。。。好像不够啊!而且这俩个在渐渐的落伍,那我不选webpack的话,好像会很傻的样子

继续阅读“webapck入门学习【一】”

【前端】webpack如何多入口配置多页面

现在前端SPA单页面这么流行,比如一套脚手架,我们在用到的时候连vue+vue-router等,甚至连webpack或者gulp等一套就集成了,里面只需要修改一些简单的配置,就可以解决跨域问题,但是,当我们项目慢慢大起来的时候,总要用到多页面的时候,那我们如何修改vue-cli或者是create-react-app这种脚手架中的默认配置呢?

继续阅读“【前端】webpack如何多入口配置多页面”