本文主要介绍了webpack入门的一些简单命令和基本配置信息，从代码拆分、打包、压缩的角度和传统的前端项目进行对比，希望以此加深大家对webpack基础知识的印象。下面跟着小编一起来看下吧

vue2.0 据说也出了很久了，博主终于操了一次实刀。 整体项目采用  vue +  vue-router +  vuex （传说中的vue 全家桶），构建工具使用尤大大推出的vue-cli 项目是图片分享社交平台。   项目预览：   1 .vue-cli构建工具必知 我选用的vue-cli 是基于webpack的版本 ，不了解webpack的可以先粗略看下下面的基本知识 webpack 基本知识点： entry：入口点，webpack会从入口点设置的js文件开始对项目进行构建，过程中，所

前言 这是我第一篇介绍webpack的文章，先从一个入门教程开始吧，后续会有更多相关webpack的文章推出。 首先什么是webpack？如果说它是一个打包工具那真的是有点大材小用了。我个人认为webpack是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。 本文作为一篇入门教程，这里先从webpack最简单的3招开始介绍，即拆分、打包、压缩。 步骤 1.传统项目中的问题 在不依赖任何自动化、模块化工具的项目

前言 先前写了一篇webpack入门的文章《webpack入门必知必会》，简单介绍了webpack拆分、打包、压缩的使用方法。本文将在上篇文章的基础上进一步讲解在使用webpack构建的项目中存在的优化方案与解决方法。 上篇文章中写了一份webpack最基本的配置文件来打包压缩我们的代码： var path = require('path'); module.exports = { entry: './app/index.js', output: { filename: 'bundle