Webpack的dll功能

最近使用Webpack遇到了一个坑。我们构建前端项目的时候，往往希望第三方库（vendors）和自己写的代码可以分开打包，因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用CommonsChunkPlugin来单独打包第三方库。entry: { vendor: ["jquery", "other-lib"], app: "./entry"}new Com

业界 2016年07月16日

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

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

业界 2016年07月06日

Chrome 浏览器的 source-map 功能

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

业界 2016年07月06日

从零开始 - 使用React+Webpack+Nodejs+Epress快速构建项目

前言目前React、Webpack等技术如火如荼，你是不是还在愁苦如何把这些杂乱的知识统统学习一下，开启一段新的前端开发之路呢？本文将以一个例子来讲解如何使用React、Webpack、Nodejs、Express这些技术快速构建项目，为后期的深入学习铺好道路，接下来我们就一起动手体验一下吧！1. 安装及配置环境1.1 安装Node.js与NPMWindows下安装Node

业界 2016年07月07日

webpack使用之基础篇

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

业界 2016年07月13日

webpack 单页面应用实战

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

业界 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日

-webkit-fle 被移除了

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

业界 2016年07月14日

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日

webpack 教程资源分享

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

业界 2016年07月14日