摘要：
开发环境(development)和生产环境(production)的构建目标差异很大。在开发环境中，我们需要具有强大的、具有实时重新加载(live reloading)或热模块替换(hot module replacement)能力的 source map 和 localhost server。而 阅读全文
摘要：
在开始上代码之前，先让我们盘一盘什么是webpack中的入口和输入 入口 假设你现在手里有一个水龙头，然后十个人用水管从你这里拿水。你这个龙头就是水的入口，水管就是你和这些人的依赖联系。现在供水局的要来查有多少个人在用你的水，只要顺这水管去查，就ok了。 webpack中的入口文件就是类似与这样的效 阅读全文
摘要：
本文中使用的webpack版本是4+，请注意区分 node.js安装 node.js下载地址 选择较低版本的稳定版下载，下载完成后得到的是一个msi文件，点击安装即可 安装完毕以后新建一个文件夹，并在此文件夹下面按下shift+鼠标右键 在window10下这是在选中的目录下打开命令行窗口，也可以使 阅读全文
摘要：
模块热替换(webpack文档上也叫 Hot Module Replacement 或 HMR)是 webpack 提供的最有用的功能之一。它允许在运行时更新各种模块，而无需进行完全刷新。 这句话其实很全面的webpack热加载的作用，但是如果没有实际操作过的话，你可能很难理解它在实际运用上的意义。 阅读全文
摘要：
本文所用webpack版本为4+，阅读本章的同学请注意区分。 webpack默认不需要配置文件 但是你仍可在项目的node_module目录同级目录建立一个webpack.config.js文件进行配置 本人的苦逼经历觉得这句话还是挺重要的，所以开局先一句话， 本章主要介绍webpack 的devs 阅读全文
摘要：
ios11 上有这个问题 而老版本的ios没有 会出现这个的原因是使用fastclick.js点击后input没有获取焦点，所以只需要在fasyclick的源码的这个位置 可以直接在源码内搜索关键字找到位置 在vue内重启服务 在html中刷新页面即可修复 阅读全文
摘要：
vue指令注册有两种方式 1 全局注册 在main.js中 使用vue.directive Vue.directive('alert_w', { inserted(el,bin,vn) { console.log(el,bin,vn) }, //...一些钩子函数 }) 2.局部注册 在组件内添加一 阅读全文
摘要：
我们有时候可能会在组件上添加元素，就像下面那样 但是最终的渲染结果却是这样 幸好，Vue 自定义的 <slot> 元素让这变得非常简单。只需要在com组件中定义 然后就可以了 slot标签在这里的作用就是将<com></com> 标签之间的代码添加进入slot中，我们可以像是用普通标签<div>一样 阅读全文
摘要：
恢复内容开始 cli3以后，构建的项目更加的简洁，配置文件也没有向cli2那样暴漏出来，但这并不代表cli3是不可配置的，我们只需要在根目录下添加一个vue.config.js作为项目的配置文件，就可以愉快的配置我们的项目了 以下就是本人常用的配置项，如果想了解更多的可以去https://cli.v 阅读全文