随笔分类 - Webpack
摘要：2021年6月2号更新 官方提供webpack配置描述信息：https://www.webpackjs.com/configuration/ 我的项目地址：https://github.com/cirry/webpack-template 项目根据最新webpack版本，不断优化代码，复制即用，gi
阅读全文
摘要：为什么要使用babel插件？ 首先要了解babel插件是干嘛的，随着js的语法规范发展，出现了越来越多的高级语法，但是使用webpack打包的时候，webpack并不能全部理解这些高级语法，需要我们使用一些插件来把高级语法，转为低级语法后打包。babel就是将高级语法转为低级语法的工具。 不使用ba
阅读全文
摘要：为什么要使用url-loader 在前面已经介绍了css文件可以使用第三方loader去加载。 在一个项目中，也不仅仅只有html，js和css文件，还有图片文件，字体文件等等。当我们给一个css样式设置背景图片时： 你会发现，webpack打包的时候会报错。 报错：无法处理这种格式的文件，解决这个
阅读全文
摘要：为什么要使用第三方loader 一般引入样式文件，我们会在html中引入样式标签。 很明显，这样就跟之前在script中引入js文件一样，会导致二次请求。我们希望webpack像处理js文件一样处理样式文件。 如何引入样式 于是我们在入口文件，在main.js中通过import方式引入样式文件。 如
阅读全文
摘要：在内存中生成index.html页面 在前面的内容中我们已经知道了如何在内存中打包main.js并引入到页面中。 同样的，我们也可以把index.html也打包放入到内存中。 安装html-webpack-plugin插件 cnpm install html-webpack-plugin -D 在w
阅读全文
摘要：webpack-dev-server能做什么？ 每次打包都得像之前一样使用webapck 入口文件 -o 出口文件，每次修改都得打包一次过于麻烦，可以使用webpack-dev-server实现自动打包 安装webpack-dev-server 运行npm i webpack-dev-server
阅读全文
摘要：1.在网页中有哪些常见的静态资源？ Js： .js .jsx .coffee .ts Css： .css .less .sass .scss Images： .jpg .png .gif .bmp .svg 字体文件： .svg .ttf .eot .woff .woff2 模板文件： .ejs .
阅读全文