webpack 是前端非常常用的一种项目打包工具，它可以在很大程度上方便项目构建、调试和打包。而其中比较重要的是它的 loader 和 plugin 的使用。

首先，这是一个webpack的插件，需要配合webpack和webpack-cli一起使用。这个插件的功能是生成代码分析报告，帮助提升代码质量和网站性能。 3、在命令行工具中输入npm run dev，按回车。 此时会打开浏览器，你将看到项目的分析图，大概长这样。 缺点： 每次…

postcss-loader 应该是 Webpack 配置中不可或缺的一个 CSS loader。它负责进一步处理 CSS 文件，比如添加浏览器前缀，压缩 CSS 等。 配置 postcss-loader 时，可以在 webpack.config.js 中配置具体选项，也可以新…

上次我们简单介绍了一下webpack的基本使用，今天我们来看看使用webpack进行性能优化的一些配置。这篇一直在我的掘金草稿箱里，本来也准备拿出来当小知识发的，刚好掘金又来了性能优化的活动，赶了个巧

我们现在的配置都是写在一个webpack.config.js文件夹里，但是实际上，我们在开发环境和生产环境中使用的配置是不一样的，比如生产环境中我们需要包的体积不能很大，不然在线上响应会变慢。所以我们需要将生产环境和开发环境分开来。 在node里，我们有一个process对象，…

生产环境和开发环境略有不同主要解决的问题有： 为了减小js体积，把css代码从js代码中提取出来，让代码运行速度加快 css兼容性处理 压缩文件（css，js，html文件都需要压缩） js语法检查

本文已收录在Github github.com/Geekhyt，欢迎Star。 从头发的浓密程度和干练的走路姿势我察觉到，面前坐着的这位面试官也是一把好手。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，我的目光被16寸的MacBook Pro所吸引，这次的自我介绍我做…

模块化开发在前端越来越流行，使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。 那 package-lock.json

作为一个前端，对于console.log的调试可谓是相当熟悉，话不多说就是好用！帮助我们解决了很多bug^_^ 但是！有因必有