qq_15280553的博客

各位好！我是萝卜不带泥，这是我webpack系列文章的第二篇，上一篇介绍了为什么要使用webpack，这一篇主要讲解webpack的环境搭建，包括：npm node webpack 的安装，已经准备好的环境的同学可以略过，直接看我的下一篇文章了。安装nodejs首先进入nodejs的官网，选择对应系统的下载包进行下载安装即可，注意要选择LTS版本。nodejs版本管理如果小伙伴们使...

大家好！我是萝卜，webpack 4 带来了大量的更新，其中一个就是webpack 4 默认不需要配置文件，下面就带大家体验一下！初始化项目首先创建项目，创建一个名为webpack的文件夹，进入文件夹使用npm init进行初始化，代码如下：// 创建目录并进入mkdir webpack && cd $_// 初始化项目npm init -y// 安装 web...

细说 webpack 1 为什么要选择 webpack大家好！我是萝卜，webpack作为目前最流行的构建工具，几乎成为前端同学武器库中必备的工具之一，写这个系列文章的用意就是想把自己在平时工作中使用webpack的一些经验和心得和大家分享，也是对自己这些年的前端工作做一个阶段性的总结，希望能给大家带来些许的帮助。在学习webpack前，需要先知道为什么要用webpack，我将从以下两个方面进...

大家好！我是萝卜，这一章跟大家介绍 webpack 4 常见的配置。webpack.config.js配置文件webpack 是可配置的模块打包工具，可以通过修改 webpack.config.js 的配置文件对 webpack 进行配置，webpack 的配置文件遵循 Nodejs 的 CommonJS 模块规范，可通过 require() 语法导入其他文件或者使用 Nodejs 内置的...

大家好！我是萝卜，上篇介绍了与 entry 和 output 相关的配置，这一篇将介绍 Webpack 其他重要配置。resolveWebpack 进行构建的时候会从入口文件（entry）开始遍历寻找各个模块的依赖，resolve 配置是帮助 Webpack 查找依赖模块的，通过 resolve 的配置，可以帮助 Webpack 快速查找依赖，也可以替换对应的依赖（比如开发环境用 dev ...