2020年了,再不会webpack敲得代码就不香了(万字实战)
前言 2020年即将到来,在众多前端的招聘要求里, webpack 、 工程化 这些字眼频率越来越高。日常开发者中,我们常常在用诸如 vue-cli 、 create-react-app 的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷),那么你必须去深刻的认识下我们经常打交道的 webpack 本文共分为三个部分带你快速掌握webpack,阅读本篇大概需要60分钟。如有不足之处,恳请斧正 本文编写基于 webpack 4.41.2 版本 node: 10.15.3 版本 1 入门(一起来用这些小例子让你熟悉webpack的配置) 1.1 初始化项目 新建一个目录,初始化npm npm init webpack是运行在node环境中的,我们需要安装以下两个npm包 npm i -D webpack webpack-cli npm i -D 为npm install --save-dev的缩写 npm i -S 为npm install --save的缩写 新建一个文件夹 src ,然后新建一个文件 main.js ,写一点代码测试一下 console . log ( 'test 1...' ) 配置package.json命令 "scripts" : { "build" : "webpack src/main.js" } , 执行