webpack-build 构建器
基于 webpack。有没有什么有用的东西： 跨多个工作人员的多个并发编译器 持久缓存 构建服务器 HMR 支持 配置挂钩 安装 npm install webpack-build 基…
Webpack 入门实践
安装，运行，热加载 首先当然是安装，当然是使用更加符合中国社会主义国情的 CNPM 来安装，道理大家都懂的。 cnpm install webpack webpack-dev-serve…
提高 webpack 的打包速度 happypack 和 dll 打包
本人一直在用 React 开发一个后台管理系统，那天不小心加了个富文本编辑器（https://github.com/jpuri/react-draft-wysiwyg）之后，webpack 打包的速…
Webpack 如何配置开发和线上环境
开发环境配置 安装 webpack-dev-server npm install -D webpack-dev-server 在 package.json 的 scripts 中配置命令 { scripts: { "start": "webpack-…
基于 Webpack+Vue+Vue-Router 搭建前端开发环境
前端开发一步步发展催生了很多工具、组件、脚手架，好处是确实便利了项目的快速搭建，但是害处也很大：用惯了工具也许开发，也许两年过去了仍旧对基础…
Webpack 项目的性能优化
Webpack 的 Code Splitting 介绍了三种减少加载包大小的技术，可以尝试运用两种： Entry Points：通过配置文件中的 entry 手动指定 Prevent Duplicati…
Webpack 使用 dev-server 和 watch 的异同
使用 webpack --watch 则相当于是将相关内容打包到了 dist 目录，代码发生变化的时候也可以对资源进行动态刷新，但是页面还是需要自己刷新的。 使用 w…
实用的 Webpack 配置项
如何指定 Alias resolvealias 在引用 js/css 等文件的时候如果不希望记忆前面的路劲，可以使用 alias module.exports = { //... resolve: { alias: { …
Webpack 使用指南
Concepts Webpack 是一个 JavaScript 应用程序的模块打包工具，能将项目的依赖关系构建成图谱，它的核心概念有： 概念 定义 Entry 定义打包的入口位置…
coolie PK webpack 之模块构建
终于到了重头戏啦？本文主要说明的是这两款构建工具（coolie 和 webpack），是分别如何完成模块化构建的，以及它们之间的优缺点。 预备 首先准备以下…
coolie PK webpack 之二：CSS 文件的合并与压缩
接前文，下面开始进入静态资源的合并与压缩中的第 2 项：CSS 文件的合并与压缩。 预备 在前文的基础上，准备以下文件和目录 |-- demo |-- src | |-- s…
coolie PK webpack 之一：JS 文件的合并与压缩
本文只在前端构建维度上讨论 webpack 和 coolie，分析他们两个工具谁更好、更优秀。关于如何使用 webpack 和 coolie，暂且不在本文讨论范围内。 什么…
