vue + webpack 起手式

介紹前端的世界變化之快速，從 2010 開始小弟經歷了 jQuery, Backbone, Angular, 到 React。這一路走來雖然學習到了許多高明開發者融合於框架或函式庫中的智慧，卻也因為不斷快速變化感到疲憊。時至 2016 小弟認為在實務與理想之間取得一個完美平衡的前端框架大概就屬 vue.js 了。當然這前端世界裡並沒有萬能藥可以完美的處理所有問題，不過 vu

业界 2016年07月04日

React技术栈——webpack

一直在用fis3，也能完美满足目前业务需求。我厂的scrat也有大量的feature贴合业务线。最近在看React，要打通React的技术栈，学习Webpack是必不可少的了。从npm上安装很简单：npm install webpack -gWebpack特色：1. 模块化，支持异步和同步1. Loader，把各种文件拆分成模块的支持1. 更机智的编译1. 插件系统，提供各

业界 2016年07月05日

利用webpack和vue实现组件化

上一篇webpack+vue起步我们实现了用webpack打包vue的最基本用法，这篇我们将利用webpack+vue实现组件化在vue中实现组件化用到了vue特有的文件格式.vue，在每一个.vue文件就是一个组件，在组件中我们将html，css，js全部写入，然后在webpack中配置vue-loader就可以了。建立vue组件在src目录下建立components文件

业界 2016年07月05日

手把手深入理解 webpack dev middleware 原理與相關 plugins

本文將對 webpack 周邊的 middleware 與 plugin 套件等作些介紹，若您對於 webpack 還不了解可以參考這篇彙整的翻譯。webpack dev server 是什麼?webpack dev server 是一個開發伺服器，內建 webpack 使用的 live reloading 功能。那 webpack dev middleware 是啥?它就

业界 2016年07月05日

webpack+vue起步

记得第一次知道Vue.js是在勾三股四大大的微博，那时候他开始翻译vue的文档，从那时候开始到现在，看了几次vue的教程，每次都有更深的理解，因为之前并没有研究过angular等框架，所以对MVVM并不是很了解，但是经过这段时间对vuejs的一些研究，越来越懂了，这篇文章，只是对vuejs和webpack配合的非常基础的文章，我想随着我对vue的深入理解，会对组件化，模块化

业界 2016年07月05日

基于Vue的简单的单页面应用的实现

基于Vue的简单的单页面应用在对Vue和webpack有了一定了解后，我们就可以开始利用所了解的东西做一个简单的webapp了，不了解的同学可以看下我的前两篇关于vue和webpack的基本应用：webpack+vue起步利用webpack和vue实现组件化构建项目首先创建各个组件，我的目录结构如下：//没有后缀名的都是文件夹|-wechat|-dist|-src| |-

业界 2016年07月06日

[译] Webpack 前端构建集成方案

构建工具逐渐成为前端工程必备的工具，Grunt、Gulp、Fis、Webpack等等，译者有幸使用过Fis、Gulp。前者是百度的集成化方案，提供了一整套前端构建方案，优点是基本帮你搞定了，但是灵活性相对比较低，社区也没那么大；后者提供了非常灵活的配置，简单的语法可以配置出强大的功能，流控制也减少了编译时的时间，可以和各种插件配合使用。译者因为要使用AMD模块机制，开始接触

业界 2016年07月06日

React 踩坑之旅 --2016-6-15更新

最近接触react，在学习的过程中也把踩过的坑发出来，希望能帮助新人再入坑。1.webpack使用babel-loader后编译报错报错ERROR in ./entry.js Module build failed: SyntaxError: /Users/yixin/Desktop/react/entry.js: Unexpected token (2:8)说是 "npm

业界 2016年07月06日