打开 ~\build\webpack.dev.conf.js ，在plugins下找到new HtmlWebpackPlugin，在其后面添加对应的多页，并为每个页面添加Chunk配置

进入~\config\index.js在build下的assetsPublicPath默认情况下是'/'，此时打包的index.html文件中的资源文件(js、css、img)默认情况都是以/开头的绝对路径，指向http服务器的根路径如果想修改为相对路径则需要将assetsPublicPath的值修改为'./'，这样就是指向index.html的相对路径了

启动 开发的时候启动webpack热替换 {代码...} 端口 默认端口号是8080如果希望修改端口号，则进入~\config\index.js，修改dev下的port为希望启动的端口号 {代码...} 跨域 webpack+Express 进入~\config\index.js，在dev下的proxyTable就是网址映射 {代码...} 這樣當你呼叫 /api 時： {代码...} 就會幫你自動導向 http://l...

参考 vue-router文档 使用Vue快速开发单页应用 vue-router Vue.js——vue-router 60分钟快速入门 Demo:[链接] 路由配置 路由配置其实是分两步的，第一步把vue-router的指令方法挂到Vue实例，第二步才是添加路由配置上。 {代码...} 路由参数 {代码...} /:id是路由参数。例如：如果要查看id = '01'的News详情，那么访问路径...

参考 使用 Vuex + Vue.js 构建单页应用 使用Vue.js和Vuex实现购物车场景vue-demo-collection 配置Vuex 在src下创建一个文件夹叫做vuex。里面定义三个文件。 mutation-types.js 定义类型的 {代码...} actions.js 操作，可以分解成多个文件 {代码...} store.js 入口文件，在根组件调用，然后所有子组件可以共享数据。 {代...

那如何优雅的选择呢？笔者觉得可以在数据功能上进行区分。比如上面的场景，是由于子组件child在知道id改变后，在它自己的作用域里去执行handler()方法，handler可能是一个需要ajax获取数据并渲染到child组件上的函数(ajax在child组件中完成的)，这时候就推荐用watch来监听id的改变了。如果handler所对应的ajax任务是在父...

使用vue-cli构建的vue项目，webpack的配置文件是分散在很多地方的，而我们需要修改的是build/webpack.base.conf.js，修改两处的代码

参考 Webpack——令人困惑的地方 package.json {代码...} webpack.config.js {代码...}

Vue全家桶 参考 vue-tutorial Vue+Webpack开发可复用的单页面富应用教程 Vue+Webpack使用规范对比其他框架 推荐代码使用 CommonJS 或 ES6 模块，然后使用 Webpack 或 Browserify 打包。 你可以使用 Webpack + vue-loader 或 Browserify + vueify 构建这些单文件 Vue 组件。 可以在 Webpackbin.com 上在线尝试！chrome开...