03 2023 档案
摘要：使用@的目的是不想用./ 。用./可读性很差，用@可以更好。
阅读全文
摘要：为了打包之前把dist底下的文件先删除了先，然后再进行打包，我们使用clean-webpack-plugin 安装 配置 将构造函数放入webpackPlugin中进行
阅读全文
摘要：运行npm run build后 出现了dist的目录 此目录里面存放的就是要发布的代码。 我们把dist打包，发给运维就可以进行发布了。
阅读全文
摘要：此时会报错，因为没有引入image相关的loader 安装 配置 如果图片比较小， 那么url-loader会自动给你转换为base64的图片，提升加载速度
阅读全文
摘要：loader的概述 在实际的开发过程中，webpack默认只能打包处理一.js后缀名结尾的模块。其他非.js后缀名结尾的模块，webpack 默认处理不了。需要调用loader加载器才可以正常打包，否则会报错！ loader加载器的作用：协助webpack打包处理特定的文件模块。比如： css-lo
阅读全文
摘要：devServer 是在webpack.config.js中export中的一个元素 里面的参数有 open :true, //初次打包的时候是否打开浏览器 port : 80 ，//指定的端口号 host : 127.0.0.1 //指定运行的地址 还有其他的，待更新
阅读全文
摘要：默认这两个文件都要有 不然的话 webpack打包的时候 是回报错的 使用npm install webpack-dev-server@3.11.2 -D 安装插件 增加serve参数 到此 我们修改index.js 可以实时刷新数据了，完美。 安装html-webpack-plugin npm i
阅读全文
摘要：新建空白文件夹 作为项目文件的更目录，然后运行 npm init -y 2.在项目根目录中新建src源代码目录 3.在src目录下新建index.html和index.js脚本文件 4.我们在html页面里面初始化页面的基本结构 5.运行npm install jQuery -S 安装jQuery
阅读全文
摘要：学习目录 什么是webpack 1、webpack是一个工具，用来把前端工程化的。 2、它提供了友好的前端模块化开发支持，以及代码压缩混淆（能让文件体积更小）、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。
阅读全文
