Webpack

1.安装node环境，然后在命令行输入node -v 和npm -v 查看版本号 2.在正式开始项目之前我们先介绍一下vue-cli，vue-cli是一个脚手架工具，vue-cli是帮助我们写好vue.js基础代码的工具，可以帮助我们生成一个项目目录，可以本地调试，单元测试，代码部署等等。 安装vue-cli $ npm install -g vue-cli 开始创建项目 使用vue-cli $ vue init <template-name> <project-name> 第一个是模板名称，第二个是项目名称，模板有webpack，webpack-simple ，browserify ，browserify-simple ，simple我们这个项目使用的是 webpack 。 下面我们就来搭建一个项目名称为myvue模板为webpack的vue项目(注：此处项目名不可有大写)： vue init webpack myvue 接下拉终端里面会问你（也可能会跟你说vue不是内部或外部命令，本篇文章结尾会有解决办法） ? Project name (myvue) 项目名称是不是 myvue ，我们按回车，表示，是。当然，你也可以重写一个，然后回车。 然后 ? Project description (A Vue.js project) 项目描述，一个 vue.js 的项目。同样

本篇文章主要介绍了深入理解ES6中let和闭包，写的十分的全面细致，具有一定的参考价值，对此有需要的朋友可以参考学习下。如有不足之处，欢迎批评指正。 本文介绍了深入理解ES6中let和闭包，分享给大家，具体如下： 在开始本文之前我们先来看一段代码 for(var i=0;i<10;i++){ arr[i]=function(){ return i; } } console.log(arr[3]());//10 //欢迎加入前端全栈开发交流圈一起吹水聊天学习交流：864305860 显然这段代码输出10，并没有向我们期望的返回3，原因也很简单（js的变量提升）函数在调用时候访问的是一个全局作用域的i，此时for循环已经执行完毕，全局变量i=10； 在ES5标准中，我们要想返回期望的3，通常的做法也很简单,就是让数组中的每个函数有单独的作用域，那么我们只要构造一个立即执行函数即可（js中没有块级作用域，只区分函数作用域和全局作用域）就像下面这样： var array=[]; for(var i=0;i<10;i++){ array[i]=(function(i){ return function(){ return i; } })(i); } console.log(array[3]());//3 //欢迎加入前端全栈开发交流圈一起吹水聊天学习交流：864305860

之前一直用的都是hash模式，最近的项目是导师写好的前端，我来搞后端，因为她弄的是history模式，本地调试没问题，打包后启动服务器就会遇到子页面刷新后not found，以及多级路由也not found的情况。 因为vue的路由是在浏览器中进行管理，如果刷新 http://localhost:3011/ 时可以访问到的，因为请求/路径，node将其指向了index.html(因为webpack打包会把index.html打包到根目录，而koa-webpack在没有传递参数的情况下也是指向的webpack配置文件中output中的publicPath，配置文件中配置的是/，所以默认/请求指向index.html),以下是koa-webpack中默认配置的源代码 ![Paste_Image.png](http: // upload-images.jianshu.io/upload_images/1210894-bb4f6395ba003114.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240z 而/example1请求到node，node会去寻找node端的路由处理，因为node端没有配置这个路由，所有找不到。 如果想要访问到/example1，需要请求到index.html,然后由vue的路由处理找到对应的模块 查了一圈