2019年11月17日
摘要：
1.json里面不能写注释 2.'webpack dev server'不是内部或外部命令，也不是可运行的程序或批处理文件。 注意：webpack dev server包只需要本地安装就行，不用全局安装 本地运行的时候，找不到'webpack dev server'包 package.json记录曾 阅读全文
摘要：
引用字体图标，bootstrap有提供字体图标 1.安装bootstrap 2.导入bootstrap 3.匹配字体文件,配置所有第三方loader模块的 阅读全文
摘要：
默认情况下，webpack无法处理css文件中的url地址，不管是图片还是字体库，只要是URL地址，都处理不了，需要第三方loader 1.安装loader 2.配置文件webpack.config.js新建第三方的匹配规则 阅读全文
摘要：
1、./是当前目录 2、../是父级目录 3、/是根目录 根目录指逻辑驱动器的最上一级目录，它是相对子目录来说的。打开“我的电脑”，双击C盘就进入C盘的根目录，双击D盘就进入D盘的根目录。其它类推。根目录在文件系统建立时即已被创建，其目的就是存储子目录（也称为文件夹）或文件的目录项。 阅读全文
摘要：
在webpack下使用样式表 1.安装处理样式表的loader 2.添加配置节点 配置文件webpack.config.js下 和plugins平级 阅读全文
摘要：
1.npm包管理工具 如果创建的项目的根目录名称是中文或者包含中文，不能使用 y 回车时要求你输入包的名称，自己手写项目名称，例test 2.新建src,dist文件夹 src index.html 首页 main.js 项目的JS入口文件 将main.js文件打包引入到index.html，这里的 阅读全文
摘要：
1.装包 peerDependencies WARNING sass loader@ requires a peer of node sass@^4.0.0 but none was installed peerDependencies WARNING sass loader@ requires a 阅读全文
摘要：
第一步：装包 安装完提示警告 peerDependencies WARNING less loader@ requires a peer of less@^2.3.1 || ^3.0.0 but none was installed 执行以下命令安装less less是less loader内部依赖 阅读全文
摘要：
注意：webpack处理第三方文件类型的过程： 1.发现这个要处理的文件不是JS文件，然后就去配置文件中，查找有没有对应的第三方loader规则 2.如果能找到对应的规则，就会调用对应的loader处理这种文件类型； 3.在调用loader的时候，是从后往前调用的； 4.当最后的一个loader调用 阅读全文
摘要：
` 阅读全文
摘要：
html webpack plugin的作用： 1.在内存中根据我们的index模板页面，生成一个内存里面的首页 2.当使用html webpack plugin之后，我们不再需要手动处理bundle.js的引用路径了， 因为这个插件，已经帮我们自动创建了一个合适的script，并且，引用了正确的路 阅读全文
摘要：
``` // 导入webpack模块，这是启用热更新的第2步 const webpack=require('webpack') devServer:{ // 这是配置dev-server命令参数的第二种形式，相对来说，这种方式麻烦一些 // --open --port 3000 --contentBase src --hot open:true,//自动打开浏览器 port:3000,//设置启动 阅读全文
摘要：
open 自动打开浏览器 port 3000 指定端口3000 contentBase src 内容的根路径 hot 热重载，热更新。打补丁，实现浏览器的无刷新 阅读全文