作为前端工程师经常打交道的开发工具无非 IDE 编辑器 和 Chrome，在 Chrome 中调试是非常方便的，直接在 开发者工具的 source 栏打断点就可以了。那么，如果遇到需要写 node 相关的代码，比如 webpack 配置项，应该怎么调试来实

webpack是一个前端资源模块打包工具，它可以根据模块的依赖关系进行打包输出成浏览器能够识别的静态资源，可以把多个文件打包成一个，减少http请求。从webpack4.0.0开始，webpack可以零配置启动，webpack命令被迁移到一个单独的npm包

在以前的一篇文章自动刷新 从BrowserSync开始中，我介绍了BrowserSync这样一个出色的开发工具。通过BrowserSync我感受到了这样一个理念：如果在一次ctrl + s保存后可以自动刷新，然后立即看到新的页面效果，那会是很棒的开发体验。

在此之前，首先要知道经常配置的 output 中有关 filename 和 chunkFilename 的区别；简单来说在 entry 定义的入口文件走的就是 filename 配置项，在入口文件内部引入的通常情况下是 chunk，走 chunkFilen

起因最近写完一个基于sao的模板再把之前写的一些代码弄到github上，在项目中使用时遇到需要兼容IE的情况才发现webpack在加载文件时存在一定策略，下面来简单说一下。}在项目中用webpack加载时这个例子时，会优先加载browser设置的文件，然后

项目搭建简单记录一下命令，网上有很多文章不多做介绍。希望可以提供一个基础的架构。

Weex的环境搭建非常的麻烦，很多人可能在这一步就放弃了，包括我最开始想自学的时候。因为需要一些科学上网的方法才能保证环境正确搭建，同时还需要非常大的耐心，以下搭建方法建立在win10的基础上，其他系统环境可能会出现未知的问题。安卓环境1. Node环境n

processOptions这个因为有了上次的基础，比较容易读了,大体逻辑是这样的。其他逻辑类此，通过调用ifArg 对outputOptions对象添加数据，然后根据属性的值来打不同的log这就是processOptions的函数所做的事情这些都不影响主

为什么要使用webpackJavaScript和CSS的依赖问题。开发过程中，JavaScript和CSS的在页面中的顺序问题，经常会造成CSS没起作用，JavaScript的某个变量和方法找不到。浏览器需要下载多个JS文件，而浏览器是有并发限制，也就是同

webpack是模块化管理工具，使用webpack可以对模块进行压缩、预处理、打包、按需加载等。所以webpack的速度是很快的，尤其是增量更新。高适配性：webpack同时支持AMD/CommonJs/ES6模块方案。此外，webpack对第三方库的兼容

})commonjsCommonJS 模块是对象，是运行时加载，运行时才把模块挂载在 exports 之上，加载模块其实就是查找对象属性。导出使用 module.exports，也可以 exports。exports 指向 module.exports，即

通用、封装、简化 webpack 配置现在，基本上前端的项目打包都会用上 webpack，因为 webpack 提供了无与伦比强大的功能和生态。但在创建一个项目的时候，总是免不了要配置 webpack，很是麻烦。简化 webpack 配置的一种方式是使用社

概述You can create your own context with the require.context() function.It allows you to pass in a directory to search, a flag ind

你可以打开package.json来查看，devDependencies的下面的这些包为开发使用的包。这些包在生产环境中并没有用处。npm install jquery安装完成后，你会发现在package.json中并不存在这个包的依赖。

在这一部分的webpack 4 教程中，我们继续进一步考虑优化。我们要学习“tree shaking”是啥以及如何使用。你会学到在webpack 4中使用“tree shaking”技术有什么要求，它能带来什么好处。这就到了tree shaking出手的地

Webpack 4给我们带来了一些改变。在这篇文章中，你将学习如何分割你的输出代码，从而提升我们应用的性能。代码分割的理念首先搞明白： webpack里的代码分割是个什么鬼？它允许你将一个文件分割成多个文件。其原因是基于浏览器会缓存你的代码这一事实。然而依

问题一：js中的css文件提取原有使用方法webpack版本是4, 提取插件是"extract-text-webpack-plugin"，效果如下图:. 现有解决方法webpack版本是4， 提取插件是"mini-css-ex

简介鉴于webpack更新太快，总结下基础配置方法，理解有限，仅做抛砖引玉之用。npm i webpack webpack-cli -D // -D 即 -save-dev 版本4.x以上需要安装webpack-cli创建以下目录结构、文件和内容：。

背景随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和 Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工

前言多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来.使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS APP.webpack4多页面跨域Proxy代理VConsole移动端调