webpack使用之基础篇

说到自动化构建，你想到了什么？基于AMD的requirejs？还是基于commoJS的browserify？他们都在各自的领域或者说时代发挥了很重要的作用。但是时代的变迁，webpack成了现在的佼佼者，我们不知道什么时候wepback也会被取代，但是现在我们必须要掌握。我不担心我学完webpack新东西来了就没用了，相反的我很期待也很高兴有新的东西来取代webpack，因

业界 2016年07月13日

webpack 教程资源分享

webpack入门级别 (适合新手入门) http://guowenfh.github.io/2016/03/24/vue-webpack-01-base/ 有图文并茂 简单的例子轻松让新手入门。 webpack入门 - 汇智网 webpack官方手册 全英文，水平不好的不建议看 阮一峰的webpack 这个非常简单也适合新手入门再配简单的案例让你轻松上手。 傻瓜化g

业界 2016年07月14日

使用 webpack + react + redu + es6 开发组件化前端项目

原文地址：https://52dachu.com/post/201606271753.html因为最近在工作中尝试了 webpack、react、redux、es6 技术栈，所以总结出了一套 boilerplate，以便下次做项目时可以快速开始，并进行持续优化。对应的项目地址：webpack-react-redux-es6-boilerplate该项目的 webpack 配

技术开发 2016年07月15日

React技术栈——HotModuleReplacement

Hot Module Replacement是webpack下实现热刷新的模块，由于webpack的坑爹文档，看了很久才搞明白这东西怎么用。Webpacks adds a small HMR runtime to the bundle, during the build process, that runs inside your app. When the build c

业界 2016年07月14日

-webkit-fle 被移除了

背景： 用的是webpack + autoprefixer + css-loader。 开发的时候好好的，上线之后的代码发现-webkit-flex 被移除了，真的被移除了。 这里有两个问题: 1 autoprefixer新版本会默认不提供-webkit-flex. 可以去这里试试 https://autoprefixer.github.io/ ，并没有生成 -webkit

业界 2016年07月14日

webpack进阶之loader篇

webpack的loaders是一大特色，也是很重要的一部分。这遍博客我将分类讲解一些常用的laoder一、loaders之 预处理css-loader 处理css中路径引用等问题style-loader 动态把样式写入csssass-loader scss编译器less-loader less编译器postcss-loader scss再处理npm install --s

业界 2016年07月13日

webpack 单页面应用实战

这篇文章将介绍如何利用 webpack 进行单页面应用的开发，算是我在实际开发中的一些心得和体会,在这里给大家做一个分享。webpack 的介绍这里就不多说了，可以直接去官网查看。 关于这个单页面应用大家可以直接去我的github上查看https://github.com/huangshuwei/webpackForSPA，我将结合这个项目去介绍。如果大家觉得这篇文章有不妥

业界 2016年07月14日

Chrome 浏览器的 source-map 功能

webpack 非常火，它提供的 HMR(hot module replacement) 功能非常棒，修改代码无需刷新页面。那么在 webpack 出现之前，有什么好的方法呢。作为前端开发，Chrome 应该是大家最喜欢的浏览器之一，调试代码非常方便。这篇文章主要介绍下，Chrome 浏览器自带的 source-map 功能。如果你的项目已经用 webpack 了，那就不太

业界 2016年07月06日

Webpack 指南（整理 草稿）

基础安装首先要安装 Node.js， Node.js 自带了软件包管理器 npm。用 npm 全局安装 Webpack：$ npm install webpack -g通常我们会将 Webpack 安装到项目的依赖中，这样就可以使用项目本地版本的 Webpack。# 进入项目目录，初始化，创建 package.json。# 若存在 package.json 文件，则不运行

业界 2016年07月06日

使用 Webpack 为单页面应用发布新版本

简介现在单页面网站开发一般会用 npm run build 执行 webpack 打包程序用来压缩 js css 之类。某一天，跟同事交流时发现可以这样搞：服务器上跑一个 nodejs 进程，如 http://yoursite.com:8080在 Webpack 打包结束时自动 request.get 一下服务器 http://yousite.com:8080/?newha

业界 2016年07月06日