注释掉的UglifyJsPlugin用于js打包、压缩、混淆

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。This will install Vue 2.x version of the

有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装

npm i typescript npm i webpack webpack-cli webpack-dev-server -D. "test": "echo \"Error: no test specified\&

ES6模块依赖关系是确定的，和运行时的状态无关，可以进行可靠的静态分析，这就是tree-shaking的基础。这是 ES6 modules 在设计时的一个重要考量，也是为什么没有直接采用 CommonJS，正是基于这个基础上，才使得 tree-shakin

自动帮你生成一个 html 文件，并且引用相关的 assets 文件。事实上，这时候会选择你指定的模板文件的 title, 即使你的模板文件中未设置 title。filename: 'detail.html', // 生成 html 文件的文件名。temp

起因搜索引擎搜索tapable中文文档,你会看见各种翻译,点进去一看,确实是官方的文档翻译过来的,但是webpack的文档确实还有很多需要改进的地方,既然是开源的为什么不去github上的tapable库看呢,一看,确实,比webpack文档上的描述得清楚

webpack 是一个现代 JavaScript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。安装webpack 最新版本 v

随着业务发展和前端人员的增加，搭建一个通用框架以及制定统一规范就成了必然。对于选型这方面，一开始好像就没考虑其他框架，直接选了webpack。webpack的优点就不多说了，可扩展性，强大的npm插件库，说干就干。基于公司基础以及业务限制，一口吃不成个胖子

Webpack学习笔记前端模块化在了解Webpack之前，必须说一下前端模块化的概念。随着前端开发规模，以及代码逻辑复杂性的提高，在大型项目的开发中，大量forPage的js文件引用不仅显得很蠢且冗余，也给后期代码维护带来的很大的成本。模块化开发，一个模块

用webpack构建多页应用可以有2种思路，多页面单配置 vs. 多页面多配置。本例子采用多页面单配置，即在单页应用配置的基础上，主要把entry和plugins中的html-webpack-plugin进行改造即可。多页面单配置的优点在于，不同页面可以共

移动端项目，需要严格控制包的大小，不然影响用户体验，所以需要对webpack进行优化本文档主要介绍自己初次体验webpack优化的一些知识点。"analyze": "NODE_ENV=production npm_config

vue-cli 3.0 的候选版本也已经发布多时了。vue-cli 3.0 版本为我们提供了集 创建、管理、分析 为一体的可视化界面vue ui，妈妈再也不用担心我不懂配置啦~让我们来一起尝尝鲜吧~这里采用了 约定大于配置的思想，使用了预设的功能。)视为C

一.前言当打包构建应用时，Javascript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能，轻松实现路由

组内负责的几个项目都有一些一样的公共组件，所以就着手搭建了个公共组件开发脚手架，第一次开发 library，所以是参考着 iview 的配置来搭建的。yarn add webpack webpack-cli -D然后就是书写配置文件。项目脚手架结构我写的

但这些构建工具也只是提供了一些基础子集，对于团队来说，还需要把这些子集进行组合，打造适合团队开发的构建工具。

Nuxt是什么Nuxt.js 是一个基于 Vue.js 的通用应用框架，通过对客户端/服务端基础架构的抽象组织。2016年10月发布，运行环境基于vue+webpack+babel,预置了使用vue开发服务端渲染应用所需的基础配置,并且集成了vue-rou

前言最近一直在学习react技术栈，相关的理论和概念基本都了解了，之前也用reactjs写了几个demo，切身体会到了函数式编程和组件化开发的强大之处，但因各种主客观原因，事后没有对相关知识点进行梳理和总结，而且工作中也没用到，导致现在复习的时候生疏了，还

npm install -g webpack2.建立项目建一个文件夹，然后新建一个package.json的文件在项目根目录下。};3.1例如我的main.js里写document.write;</html>4.创建服务器npm i -g we

下面，我们来一步步使用webpack搭建一个用来学习Vue2的环境，力求没有冗余的代码，让我们开始吧！}既然是vue开发，因此vue包是必须的，webpack是打包框架，webpack-dev-server是服务器，vue-loader和babel-loa