Webpack 有非常多的概念，很多名词长得都差不多。我把这些分散在文档和教程里的内容总结起来，写了一份 webpack 中的易混淆知识点，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习。sourse-map 就是一份源码和转换后代码的映射文件。

extensions:[‘.js‘,‘.css‘,‘.json‘]，//配置默认查看文件后缀名 import index from ‘index‘

页面性能优化可以从两方面着手，第一个时页面加载速度，第二个是页面运行时性能，这里主要说页面加载性能。如果框架中使用一些库，像element-ui,echarts，这些库不要一下子全部引入，二是按需引入，这样可以减小打包体积。因为js会动态的加载出css，所

npm install //运行npm install 咳根据package.json中的配置自动安装所有的依赖包。npm uninstall //卸载依赖包 如果 npm uninstall <packagename> --save-dev

Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。Webpack 可以将多种静态资源 js、css、less 转换成一个静态文件，减少了页面的请求。在安装 Webpack 前，

安装 cnpm 淘宝的包管理器：。查看包管理器是否安装成功：。全局安装 vue-cli2.x 脚手架：。初始化过程中，会以交互的方式询问是否需要安装相关插件，全部选择 No 即可。config -- vue基本配置文件，可配置端口号，打包输出等。src -

通常一个页面，至少都会对应一个js文件、html文件和css文件，而这个js文件，我们称它为入口文件。webpack会分析入口文件的各种依赖关系，比如main.js中引入了什么css、js、图片？而依赖的某js文件中是否又依赖了其它的资源文件？有了模块化，

对于维护过多个package的同学来说，都会遇到一个选择题，这些package是放在一个仓库里维护还是放在多个仓库里单独维护，本文通过一个示例讲述了如何基于Lerna管理多个package，并和其它工具整合，打造高效、完美的工作流，最终形成一个最佳实践。最

微前端 —— 理论篇微前端 —— portal项目微前端 —— menu&&project1前一篇文章讲解了react项目在single-spa微前端架构中的应用，本篇为最后一篇，vue项目在此架构中的应用。project2项目我们就不自己

正常如果有多个入口，需要在 entry 中，以对象形式将所有入口都配置一遍，html 模版目录也需要 new 很多个 HtmlWebpackPlugin 来配置对应的页面模版，是否可以自动扫描?无论多少个入口，只管新建，而不用管理入口配置？basename

webpack最基本的配置就是导出一个静态的对象，但是由于我们业务比较复杂，往往需要动态配置webpack以构建目标代码。下面介绍一下webpack的多种配置类型。}2、导出为一个函数很明显，导出为一个对象缺乏灵活性。其中，env为环境对象，我们可以通过命

package.lock.json //帮助我们去确定安装的第三方依赖包的具体的版本，保持团队编程的统一。它是为了解决：将ES6语法编译成可被低版本浏览器识别的语法。在Babel执行编译的过程中，会从项目的根目录下的 .babelrc文件中读取配置。

接上一篇webpack4.0配置记录,继续记录学习webpack配置。}通过exclude排除和include包含某些模块 另外也可以使用webpack自带的ignorePlugin插件排除某些包，减少体积。}webpack内置功能tree-shakin

Loading ImagesHTTP/1 application can be made slow by loading a lot of small assets as each request comes with an overhead. HTTP/

欢迎访问网易云社区，了解更多网易技术产品运营经验。这虽然是个业务需求，但是做业务的同时也要兼顾技术，所以在跟需求商量好不支持IE8之后，决定采用Vue来作为前端部分的技术架构。前端架构webpack配置Vue是一个非常优秀的前端MVVM框架，轻量、快速、文

webpack作用webpack可以将前端工程中所有的静态资源打包成为一个或者多个js，静态资源包括css、图片等。只要有合适的loader去处理这些静态资源就可以了。头部资源终将占据统治地位，webpack成为前端项目构建工具的头部资源。模块化编程模块的

electron-reactelectron + react + react-router + mobx + webpack 搭建的脚手架工程。npm start本地测试打包npm run compile打包客户端npm run pack-win. npm

由于web应用扩展地得极其迅猛，前端技术也是日新月异，前端的苦不是有多难学，而是我刚学完，这东西就被淘汰了。但是webpack可以轻松帮我们解决这些问题，我们可以在webpack的世界中放心地使用上述提到的技术，以更方便、舒服的方式完成我们开发。

距离1.2.3版本以及好几个月了，当时是因为在前端开发中经常会因为缓冲问题，导致最新版本和线上版本或者测试版本出现不同，bug得不到及时有效的修复，手动修改版本可以，但是费时费力，容易出错，设计到动态加载的位置，动态创建脚本的时候就会出错，所以有效的版本管

项目背景简介多页面应用，每个页面独立entry，单个页面内使用vue-router基于vue，使用vue-loader加载.vue文件单页内使用懒加载异步chunk项目二期上线后，相对不辣么忙，眼看着webpack4也出来快半年了并且日趋稳定，之前虽然写过