webpack打包第三方类库的正确姿势

webpack 的使用越来越广泛，但其中不乏很多鲜为人知的细节设置，甚至很多人会认为这是 webpack 的 bug。这次，我们就来聊一聊 webpack.optimize.CommonsChunkPlugin。这个 plugin 我相信几乎90%的用 webpack 的都用了这个，但我同样相信几乎 90% 的用了这个 plugin 的人都没有正确的使用。entry: {

业界 2016年06月30日

如何打造一个令人愉悦的前端开发环境（二）

前情提要上一篇文章介绍了目前前端比较流行的各种编辑器，以及各种流行的打包方式，最后给了一个Gulp的例子，这个例子还是14年的时候写的，还有一些可以优化的空间，就不讨论了，这篇文章主要讲目前火热的打包构建方式--Webpack的使用方式。主菜--没有开胃汤其实Webpack的入门指导文章非常多，配置方式也各有各样，这里我推荐题叶大神的入门级指南--Webpack 入门指迷，

业界 2016年08月08日

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

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

业界 2016年07月05日

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

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

业界 2016年07月07日

webpack 教程资源收集

官方文档中文指南初级教程webpack-howto 作者：Pete HuntWebpack 入门指迷 作者：题叶 　webpack-demos 作者：ruanyf一小时包教会 —— webpack 入门指南 作者：VaJoy Larn　　webpack 入门及实践 作者：zhouweicsu　　Webpack傻瓜式指南（一） 译者：前端外刊评论　　Webpack

业界 2016年07月18日

React技术栈——webpack

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

业界 2016年07月05日

心路历程：vue2.0+webpack+koa2 前后端同构实践（一）

vue2.0+webpack+koa2 前后端同构实践（一）做了vue2.0 + webpack + koa前后端同构实践，有几点想吐槽下：es6看源码先学es6，接着还得学babel。一直没有在正式项目中引入es6，虽然写es6是流行、是趋势，但是非必须，目的是让项目在不断迭代同时技术能平稳过渡，秉持少做就是少错————babel相关问题也省了。.vue这次用了.vue文

业界 2016年07月18日

webpack打包node.js后端项目

安装依赖npm install --save-dev webpack babel-loader babel-preset-es2015 babel-preset-stage-0webpack配置webpack.config.js'use strict';const webpack = require('webpack');let externals = _externals

业界 2016年07月21日