Vue+Webpack

SPA前端后端框架简述

最近开发一个单页面应用(SinglePageApplication),前端用Vue+Webpack,后端用Express+Mongodb.体验了不少新东西,感受了热更新的高效,记录一下.前端框架这次开发打算上手一下火了很久的
柳正来·2017-12-11 16:22

浅谈vue项目优化之页面的按需加载(vue+webpack)

通过vue写的单页应用时，可能会有很多的路由引入。当打包构建的时候，javascript包会变得非常大，影响加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样就更加高效了。这样会大大提高首屏显示的速度，但是可能其他的页面的速度就会降下来。结合Vue的异步组件和webpackdecodesplittingfeature,轻松实现路由组件的懒加载。就像
羞羞的铁拳·2017-12-11 10:53

VUE+WebPack游戏设计：实现碰撞检测和动画精灵

上一节，我们完成了平行背景滚动的效果，这一节我们要在变化背景的前方加入精灵动画以及检测碰撞。我们现在背景的前方加入一个奔跑的小人，打开gamescenecomponent.vue,在style标签里添加代码如下：#player{position:absolute;width:100px;height:100px;background-image:url(../../static/images/ru
望月从良·2017-12-10 06:27

vue+webpack项目中px2rem的例子

引言：gitchat里有更详细的实战例子Vue+Webpack把PX转化成REM的实战例子本文重点：项目环境搭建此处省略，不再赘述，需要的请查阅相关资料。
吹过麦田的风·2017-12-07 14:28

VUE+Webpack 实现懒加载的三种方式

Vue-cli3的发布，路由懒加载更简单了合理使用代码分割合并相同的模块会让你的项目加载的更快,{path:"路由路径",component:()=>import(/*webpackChunkName:"chunk名称用于代码分割"*/"组件路径")}第一种引入方式就是正常的路由引入方式constrouter=newRouter({routes:[{path:'/hyh',component:hy
重复过往·2017-12-06 09:24

解决在vue+webpack开发中出现两个或多个菜单公用一个组件问题

在vue的实际开发中往往会遇到公用一个组件的问题，比如有一个菜单中的两个按钮，点击每个按钮调用的是同一个组件，其内容是根据路由的参数的不同来请求不同的内容。第一步，首先新建一个vue+webpack+vuecli的demo，如下操作：全局安装vue-cli，vue-cil是vue的脚手架工具，安装命令：npminstall-gvue-cli第二步，进入到工程目录中，创建一个vuedemo的文件夹工
风雨后见彩虹·2017-11-28 12:04

vue + webpack 构建项目

vue+webpack项目搭建过程：node是必须的，需要先安装好node全局查询node-v：接下来全局安装vue-clinpminstall--globalvue-cli安装成功后在项目文件夹下运行
宇宙无敌小可爱·2017-11-21 16:52

nodejs 升级后， vue+webpack 项目 node-sass 报错的解决方法

关于node环境升级到v8^以上，node-sass报错的解决方法今天给同事电脑升级了一下系统，顺便升级了所有的软件，发现原来好好的项目报错了。报错大致信息如下：ERRORFailedtocompilewith1errors下午1:56:26errorin./src/components/Hello.vueModulebuildfailed:Error:Missingbinding/Users/f
FungLeo·2017-11-13 14:57

nodejs 升级后， vue+webpack 项目 node-sass 报错的解决方法

关于node环境升级到v8^以上，node-sass报错的解决方法今天给同事电脑升级了一下系统，顺便升级了所有的软件，发现原来好好的项目报错了。报错大致信息如下：ERRORFailedtocompilewith1errors下午1:56:26errorin./src/components/Hello.vueModulebuildfailed:Error:Missingbinding/Users/f
FungLeo·2017-11-13 14:57

用Webpack构建Vue项目的实践

最近在内部项目中做了一些基于vue+webpack的尝试，在小范围和同事们探讨之后，还是蛮多同学认可和喜欢的，所以通过本篇文章分享给更多人开始之前，需要安装node环境。
小匡程序员·2017-11-07 10:13

浅谈vue路径优化之resolve

通过vue-cli来创建vue+webpack的项目时，已经有很多都配置好了，但是路径方面为了方便开发，还可以优化。
Wayne-Zhu·2017-10-13 17:46

浅谈vue+webpack项目调试方法步骤

所以vue+webpack调试要从webpack入手。我们先从一般情况开始说。-sourcemapwebpack配置
Lienviws·2017-09-11 09:57

Vue+WebPack游戏设计：自动背景贴图和游戏主循环的实现

上一节我们完成了游戏的启动界面和结束界面，本节我们进入游戏场景界面的开发。游戏的一大特点是，它有丰富的背景图案，本节我们看看如何动态的去创建游戏场景的背景图案。在实现动态背景贴图之前，我们看看静态贴图是怎么做的。在项目代码的component路径下新建一个文件叫gamescenecomponent.vue,打开该文件，编写如下代码：exportdefault{}.floor{position:re
望月从良·2017-08-28 17:45

如何在Vue+Webpack下配置Stylelint

更新了关于vue-cli3的相关配置Stylelint简介stylelint是一个基于Javascript的代码审查工具，它易于扩展，支持最新的CSS语法，也理解类似CSS的语法。此外，因为它是基于JavaScript，所以比起Ruby开发的scss-lint速度更快。stylelint是一个强大和现代的CSS审查工具，有助于开发者推行统一的代码规范，避免样式错误。stylelint由PostCS
Smileswlin·2017-08-24 17:04

Vue2+VueRouter2+webpack 构建项目实战（二）：目录以及文件结构

通过上一篇博文《Vue2+VueRouter2+webpack构建项目实战（一）：准备工作》,我们已经新建好了一个基于vue+webpack的项目。本篇文章详细介绍下项目的结构。
风雨后见彩虹·2017-07-31 00:00

vue+webpack 安装常见插件

html-webpack-plugin插件地址：https://www.npmjs.com/package...安装指令：npminstallhtml-webpack-plugin--save-dev插件作用：生成html文件，并且引用相关的assets文件(如css,js)参考地址：html-webpack-plugin详解html-webpack-plugin用法全解extract-text-
风雨后见彩虹·2017-07-31 00:00

vue+webpack (vue-cli + vuex + vue-resource + vue-router) web工程搭建

1.首先安装node和npm2.安装vue（vue-cli脚手架）：npminstall-gvue-cli--registry=https://registry.npm.taobao.orgvue--version查看vue是否安装好3.vueinitwebpackmy-project-name创建一个基于"webpack"的项目，后跟项目名，（运行后要求填写项目信息，也可不写直接回车）4.cdm
weixin_30819163·2017-07-21 15:00

详解vue-cli + webpack 多页面实例配置优化方法

本文介绍了vue-cli+webpack多页面实例配置优化方法，分享给大家vue+webpack是否有多页面目前使用vue来做项目，估计大部分都是单页面（SPA）应用，一个轻型的MVVM框架，谁用了MVVM
蓝狐·2017-07-13 15:45

详解webpack和webpack-simple中如何引入css文件

博主最近研究vue+webpack的时候想引入css文件死活引入不出来，在webpack-simple那里却能引得出来，十分的纳闷，然后细心的调试了一下，原来这webpack和webpack-simple
Tank_in_the_street·2017-06-28 17:38

利用node.js制作命令行工具方法教程（一）

Fis3，可以通过fis3serverstart开启fis的静态文件服务，通过fis3release开启文件编译与发布；还有vue-cli，可以通过vueinitwebpackmy-project来初始化vue
Young Dreamer·2017-06-22 09:48

Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
发现问题运行一下以前的一个Vue+webpack的vue仿新闻网站小项目，报错由于自己vue学习不深入，老是这个报错，找了好久（确切的说是整整一下午^...^）才找到原因-v-UncaughtTypeError
轻轻走143·2017-06-17 14:32

vue+webpack搭建单文件应用和多文件应用webpack.config.js的写法区别

1.前言这几天，都遇到过有人问过相似的问题，就是用vue和webpack搭建目录的时候，怎么把单页面应用的配置改成多文件应用，或者是怎么把多文件应用的配置改成单文件应用。这个情况，我之前有处理过，公司的同事教过我，我就针对这个情况写下此篇文章。各位如果觉得我哪里写得不够好，写错了，欢迎指出，大家一起进步。2.说明首先，我用的vue和webpack的版本都是2.x的，请大家留意自己使用的版本，特别是
守候·2017-06-17 00:00

使用vue+webpack的多页面架构

首先，要大概知道webpack是什么，webpack的插件都是做什么用的，vue是什么，然后看完之后也可以去补充一下这些方面的知识。第一步：安装环境需要安装的有：nodejs，并添加入环境变量PATH使用nodejs安装vue-cli参考内容：http://cn.vuejs.org/guide/installation.html#u547D_u4EE4_u884C_u5DE5_u5177使用命令：
cy-show·2017-04-27 12:44

搭建 Webpack+Vue+vuex+vue-router 项目

找了很多vue+webpack构建的文章感觉这个还是很不错的，简单易懂还有代码实例。
KO小君·2017-04-27 10:28

搭建 Webpack+Vue+vuex+vue-router 项目

找了很多vue+webpack构建的文章感觉这个还是很不错的，简单易懂还有代码实例。
weixin_34362991·2017-04-27 10:28

VUE项目引入微信jssdk

我们的一个vue+webpack的SPA项目需要在微信中使用，因此需要导入微信的jssdk库。
Forest毅青·2017-04-25 22:27

Vue+axios 实现http拦截及路由拦截实例

现如今,每个前端对于Vue都不会陌生,Vue框架是如今最流行的前端框架之一,其势头直追react.最近我用vue做了一个项目,下面便是我从中取得的一点收获.基于现在用vue+webpack搭建项目的文档已经有很多了
sone丶宇·2017-04-25 16:42

VueJS如何引入css或者less文件的一些坑

我们在做Vue+webpack的时，难免会引入各种公共css样式文件，那么我们改如何引入呢？引入时会有那些坑呢？
hawk_zz·2017-04-25 14:20

工作上的小问题

首先配置Vue运行环境Vue+webpack构建项目1.安装node2.全局安装vue-clinpminatall-gvue-clivue:查看是否安装成功vuelist:查看可用的模板3.创建一个基于
H5日常记·2017-04-20 10:36

第一次接触神奇的前端框架vue.js

各种vue+webpack、vue+react、vue+es6+npm等等。琳琅满目。真是三天不学习赶不上刘少奇。开篇主要是初次了解下vue.js，包括v-model、v-i
garfieldzf·2016-12-01 13:07

vue.js初探

各种vue+webpack、vue+react、vue+es6+npm等等。琳琅满目。真是三天不学习赶不上刘少奇。  开篇主要是初次了解下vue.js，包括v-model
garfieldzf·2016-11-30 16:00

穠纖合度的整合 Rails、Webpack、Vuejs

前言如果您曾經閱讀過小弟的vue+webpack起手式一文，裡面我曾提到關於容易與傳統MVC框架(Rails,ASP.NETMVC)等結合。這篇文章主要就是用來介紹其作法與為什麼我會這麼說。
andyyu0920·2016-11-07 00:00

用 cooking 搭建一个简单又优雅的 Vue 项目开发环境 (入门篇)

写过Vue项目的同学或多或少都用过vue-cli来搭建Vue+webpack的项目。对于初学者来说，第一次生成这个项目后有所顾忌—
Cinwell·2016-09-10 00:00

vue+webpack项目实战

概述--项目中会用到的插件vue-routervue-resource打包工具webpack依赖环境node.jsstart安装vue开发的模板#全局安装vue-cli$npminstall-gvue-cli#创建一个基于"webpack"模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project$npminstall$npmrundev文件解释：bu
Obeing·2016-09-08 00:00

Vue+Webpack 实战 实现小游戏：2048

前言最近学习Vue和webpack，刚好搞个小游戏练练手。2048游戏规则：每次可以选择上下左右其中一个方向去滑动，每滑动一次，所有的数字方块都会往滑动的方向靠拢外，系统也会在空白的地方乱数出现一个数字方块，相同数字的方块在靠拢、相撞时会相加。不断的叠加最终拼凑出2048这个数字就算成功。当然有些细微的合并规则，比如：当向左滑动时，某列2222合并成4400而非8000也就是说，同列的某个数字最多
Fighting·2016-08-11 00:00

前端博客推荐

博客1.张鑫旭 http://www.zhangxinxu.com/wordpress/2.囧克斯 http://jiongks.name/blog/just-vue/  (vue+webpack项目实战
HelloAngie·2016-08-02 00:00

Vue+Webpack开发可复用的单页面富应用教程（技巧篇）

本文首发于TalkingCoder，一个有逼格的程序员社区。转载请注明出处和作者。exportdefault{data(){return{id:1}},ready(){setTimeout(()=>{this.$broadcast('child-set-data',{id:2});},1000);}}exportdefault{props:{id:{type:Number,default:0}},
Aresn·2016-07-25 18:47

Vue+Webpack开发可复用的单页面富应用教程（组件篇）

写在前面本文为系列文章，总共分四节，建议按顺序阅读：《Vue+Webpack使用规范》《Vue+Webpack开发可复用的单页面富应用教程（配置篇）》《Vue+Webpack开发可复用的单页面富应用教程
Aresn·2016-07-25 18:22

Vue+webpack+node.js实现价格监测应用Ponitor

Ponitor是学习vue+webpack构建应用练手项目。
webgis开发·2016-04-19 22:44

Vue+webpack+node.js实现价格监测应用Ponitor——换个姿势爬虫！！

Ponitor是学习vue+webpack构建应用练手项目。
giscafer·2016-03-31 00:00

采用vue+webpack构建的单页应用——私人博客MintloG诞生记

介绍项目地址：https://github.com/jrainlau/MintloG（特别乱，参考就好-_-|||）MintloG是我在五天之内完全由自己开发的私人博客，前端技术方案采用了vue+vue-router+vue-resource+webpack的构建方案，后端技术采用了原生PHP+MySQL。博客完全由ajax实现和后台的通信，后台只提供了一个接口，通过传入不同的参数实现不同的增删改
jrainlau·2016-03-18 00:00

如何通过 Vue＋Webpack 来做通用的前端组件化架构设计

目录：  1.架构选型  2.架构目录介绍  3.架构说明  4.招聘消息 目前如果要说比较流行的前端架构哪家强，屈指可数：reactjs、angularjs、emberjs、avalonjs、vuejs。我个人接触使用过：avalonjs、angularjs、vuejs。因为工作以及前端团队能力的问题，所以在不同的公司，在开发工作中选用了不同的前端架构。以下仅仅是代表我个人选用架构的一些看法和理
李 维·2015-11-15 21:00
上一页 1 2 3 4 5 6 7 8 下一页