webpack
面向对象的夜猫子
抽象,继承,封装,多态。
展开
-
npm 常用命令详解
本文以Windows平台上做测试,以gulp为示例做教程,出自作者白树,转载请声明!目录npm是什么npm install 安装模块npm uninstall 卸载模块npm update 更新模块npm outdated 检查模块是否已经过时npm ls 查看安装的模块npm init 在项目中引导创建一个package.json文件npm help 查看某条命令的详细帮助npm转载 2017-09-17 12:03:25 · 454 阅读 · 0 评论 -
webpack:从入门到真实项目配置
该文使用的 Webpack 版本为 3.6.0,本文分两部分。第一步是简单的使用 webpack,第二部分通过一个真实项目来配置 webpack,没有使用任何的 CLI,都是一步步配置直到完成生产代码的打包。这是本项目对应的仓库,每个小节基本都对应了一次转载 2017-09-19 08:51:09 · 441 阅读 · 0 评论 -
webpack的优化方案
前言在前端应用的优化中,对加载资源的大小控制极其的重要,大多数时候我们能做的是在打包编译的过程对资源进行大小控制、拆分与复用。本片文章中主要是基于 webpack 打包,以 React、vue 等生态开发的单页面应用来举例说明如何从 webpack 打包的层面去处理资源以及缓存,其中主要我们需要做的是对 webpack 进行配置的优化,同时涉及少量的业务代码的更改。同时对打包资源的分析转载 2017-10-19 08:52:31 · 954 阅读 · 0 评论 -
教你从零开始搭建一款前端脚手架工具
前言在实际的开发过程中,从零开始建立项目的结构是一件让人头疼的事情,所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman,express-generator和vue-cli便是当中之一。它们功能丰富,但最核心的功能都是能够快速搭建一个完整的项目的结构,开发者只需要在生成的项目结构的基础上进行开发即可,非常简单高效。作为一个不折腾会死星人,在熟悉了使用方法以后就开始琢磨起它们转载 2017-10-20 15:28:36 · 608 阅读 · 0 评论 -
Webpack经典入门
October 16th, 2015 by Maxime Fabre(中文译本更新于2017年10月22日,由于webpack已更新至3.8.1,因此译文有改动)Webpack your bags之前你可能已经听说过这个叫webpack的很酷的工具,如果你没仔细了解过这个工具,你可能会有些困惑,因为有人说它像 Gulp 之类的构建工具,也有人说它像 Browserify 之转载 2017-11-02 09:51:18 · 797 阅读 · 0 评论