摘要: const path = require("path") // 导入html-webpack-plugin const HtmlPlugin = require("html-webpack-plugin") // 到二u const { CleanWebpackPlugin } = require( 阅读全文
posted @ 2021-08-18 19:38 冰镇汽水 阅读(90) 评论(0) 推荐(0)
摘要: { // 处理。img // 如果调用的loader有一个 则可以写字符串 test: /\.jpg|png|jpeg|gif$/, use: 'url-loader?limit=470' } 这个limit代表图片打包限制,如果图片大小超过limit,就会以正常图片形式进行网络请求 如果小于lim 阅读全文
posted @ 2021-08-18 15:33 冰镇汽水 阅读(50) 评论(0) 推荐(0)
摘要: ES Module还具有的一些特点: 每一个模块只加载一次, 并只执行一次,重复加载同一文件,直接从内存中读取; 每一个模块内声明的变量都是局部变量, 不会污染全局作用域; 通过export导出模块,通过import导入模块 ES6模块只支持静态导入和导出,只可以在模块的最外层作用域使用import 阅读全文
posted @ 2021-08-18 14:49 冰镇汽水 阅读(46) 评论(0) 推荐(0)
摘要: 1.小图片使用base64,好处:减少不必要的网络请求 缺点:体积增大,大图片不适合 阅读全文
posted @ 2021-08-18 11:10 冰镇汽水 阅读(18) 评论(0) 推荐(0)
摘要: 1.webpack默认只处理js文件中的内容,处理不了其他后缀的文件 //使用ES6导入 import $ from 'jquery' // 在webpack中一切皆模块 import './css/index.css' 2.此时js中含有了css的文件,webpack处理不了,他回去查找webpa 阅读全文
posted @ 2021-08-18 10:46 冰镇汽水 阅读(159) 评论(0) 推荐(0)
摘要: webpack-dev-server插件会自动监听程序员保存操作。 注意点: 该插件会把打包生成文件存储在内存中,所以在使用的时候需要引入这个文件而不是物理磁盘上的。 <script src=" http://localhost:8080/bundle.js"></script> 为什么要把生成的文 阅读全文
posted @ 2021-08-18 09:22 冰镇汽水 阅读(142) 评论(0) 推荐(0)