hsany330的专栏

Webpack打包生成的.map后缀文件，使得我们的开发调试更加方便，它能帮助我们链接到断点对应的源代码的位置进行调试（//# souceURL），而devtool就是用来指定source-maps的配置方式的。以下是官方文档的说明：   source maps 开发工具(Devtool) 此选项控制是否生成，以及如何生成 Source Map。以下是官方文档的配置选项：   ...

通常我们的项目包含三种类型的代码：业务代码、第三方依赖库、webpack打包构建后的manifest。官网经常会看到mainfest这个词，但是它究竟指什么，我们来做个实验找答案吧：（ps：文章把manifest打成mainfest了） 1 mkdir webpack_mainfest //在当前目录下，创建项目目录 webpack_mainfest 2 npm init 3 npm i...

目录 什么是webpack 使用webpack需要安装什么 一个简单却又比较全面的例子 为什么会用webpack 随着大前端的来临，传统的MVC架构中的前端只是一个会做交互和静态页的切图仔，但随着WEB架构的变迁，出于项目日益复杂和业务扩展，MV*架构逐渐占领了WEB的光环，其中三大剑客便是Angular,React和Vue，在使用这些js框架开始时，出于代码可维护性的角度出发，不会再像...

打包工具的角色 所谓打包工具在web开发中主要解决的问题是： （1）文件依赖管理。毕竟现在都是模块化开发，打包工具首先就是要梳理文件之间的依赖关系。 （2）资源加载管理。web本质就是html、js和css的文件组合，文件的加载顺序（先后时机）和文件的加载数量（合并、嵌入、拆分）也是打包工具重点要解决的问题。 （3）效率与优化管理。提高开发效率，即写最少的代码，做最好的效果展示；尽可能的使...