webpack
文章平均质量分 75
微凉呀
这个作者很懒,什么都没留下…
展开
-
webpack-dev-server与HRM
起因 不理解下面这句话的意思= = “html文件默认不能使用HMR功能,同时会导致问题:html文件不能热更新(不用做HMR功能)” 参考文章 参考文章1 参考文章2 webpack-dev-server webpack-dev-server只能用于开发环境,不能用于生产环境。webpack-dev-server其实提供了一个简单的web服务器,使得打包后的文件能够在该服务器上运行,并且实现了实时更新的功能。 打包后的文件:webpack-dev-server只会在内存中编译打包,不会有任何输出 实时更原创 2021-10-15 15:34:46 · 480 阅读 · 0 评论 -
webpack学习笔记
学习视频 webpack是前端资源构建工具,是一个静态模块打包器(构建工具就是将前端需要进行的操作整合到一起)。简而言之就是打包工具。 打包过程 webpack.config.js配置文件分为5个部分。 entry:入口文件 output:输出文件 loader:翻译 plugins:执行功能更强大的事,优化,压缩… mode:模式 loader:webpack本身只能处理js,json资源。如果需要处理css,jpg等其他类型的资源就需要不同的loader对资源进行处理,比如css资源通过css-lo原创 2021-10-13 09:48:15 · 164 阅读 · 0 评论 -
webpack5打包图片不显示
webpack版本 webpack -v //查看 webpack 5.55.0 webpack-cli 4.8.0 webpack-dev-server 4.3.0 成功打包的配置(webpack5) { test:/\.(jpg|png|gif)$/, type: 'asset/resource', generator:{ filename:'img/[hash:10][ext]', }, }, { test:/\.html$/, loader:'html-load原创 2021-10-09 15:16:51 · 1234 阅读 · 0 评论