摘要:
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)

浙公网安备 33010602011771号