Webpack

webpack

webpack基础应用(6)

一. 代码分离 代码分离是webpack最引人注目的特性之一,这个特性能够把代码分离到不同的bundle中。所谓bundle就是我们打包分离出来的文件,然后,我们将这些文件按需加载…

webpack5基础应用(5)

一. 使用babel-loader 1. 为什么需要babel-loader 前面我们使用less-loader编译过less文件,应用xml-loader编译过xml文件,那js…

webpack5基础应用(4)

一. 管理资源 webpack除了资源模块之外,还可以通过loader去引入其他类型文件。loader可以让webapck其他类型的文件,并且将这些文件转换为有效的模块以供我们应用…

webpack5基础应用(3)

一. 搭建开发环境 在此之前我们很多工作都是手工的,比如每次打开html文件都需要右键在浏览器打开,还有每次更新代码都需要重新编译,而且只能手动的去刷新浏览器才能看到新效果等等。下…

webpack5基础应用(2)

1. 开发准备 在进入webpack世界之前,先用原生的方法构建一个web应用。 新建一个JavaScript文件,编写一段通用的函数helloworld: function he…

webpack5 基础应用(1)

1. 为什么需要webpack 在打包工具出现之前,在web网页中使用js代码如下所示: 上面html文件中,一般情况下,业务代码是需要依赖上面的第三方代码,根据js在浏览器的加载…