摘要: 配置文件:webpack.config.js 修改位置module.exports = {} // mode 运行的模式,开发development和production生产 开发环境下: 建议把devtiool的值设置eval-source-map 好处:可以精准定位到具体的错误行号 module 阅读全文
posted @ 2022-02-11 21:21 嘉琦 阅读(118) 评论(0) 推荐(0)
摘要: //当npm run build 自动打包的时候,将自动生成dist和bands.js //(这里的dist目录是之前配置的,bands.js也配置输出文件名) //所以每次都要手动清除就数据,下面的操作就是配置自动清除旧数据文件 1.先安装 npm install clean-webpack-pl 阅读全文
posted @ 2022-02-11 20:59 嘉琦 阅读(374) 评论(0) 推荐(0)
摘要: 高阶js不识别,如:装饰器 1、npm install bael-lader@8.2.2 @babel/plugin-proposal-decorators@7.14.5 @babel/core@7.14.6 -D 2.配置webpack.config.js module:{ rules:[ {te 阅读全文
posted @ 2022-02-11 15:24 嘉琦 阅读(176) 评论(0) 推荐(0)
摘要: 1. 编写index.css 样式文件 2. 在index.js 中以ES6的语法引入 import './index.css'; 3.npm run dev 启动时候会报错,需要安装 npm install css-loader@5.2.6 style-loader@2.0.0 -D 4.配置we 阅读全文
posted @ 2022-02-11 15:18 嘉琦 阅读(111) 评论(0) 推荐(0)
摘要: 1.<img src='./logo.jpg'> 执行过程:浏览器发起请求获取标签 》随后再次发起请求获取图片的位置 》渲染到页面 2..<img src = 'data:image/jpg;base64,/9j/4a'> 这个执行过程:浏览器发起请求可以直接获取到图片的地址,并渲染到页面 总结: 阅读全文
posted @ 2022-02-11 15:10 嘉琦 阅读(1242) 评论(0) 推荐(0)
摘要: 1.首先index.js 以ES6的方式引入 import './index.css' 2.安装支持less打包的文件,版本可以参考github的package.json文件说明支持的版本,我这里安装的是 npm install less-loader@7.2.0 less@4.0.0 -D 注意: 阅读全文
posted @ 2022-02-11 14:45 嘉琦 阅读(356) 评论(0) 推荐(0)