摘要：
语法检查 1/需要在pageage.json中配置eslintConfig 2/需要执行一下命令: npm i eslint-loader eslint eslint-config-airbnb-base eslint-plugin-import 3/ // eslint-disable-next- 阅读全文
摘要：
生产环境:能让代码优化上线运行的环境 提问:css打包在js文件中会出现什么情况? 答:css在js中,这样js文件体积变得非常大,下载就会非常慢,因为是先加载js,先执行js代码,然后创建style标签加载在页面中,那么页面就会出现闪屏现象,所以需要将css文件内容从js中提取出来 需要做哪些优化 阅读全文
摘要：
重点:开发环境只需要能让代码运行起来即可 提问:为什么没有css文件打包呢? 答:因为css文件内容打包到了built.js文件中,会自动加内容加载在index.html中的 提问:css打包在js中会出现闪屏现象吗?为什么? 答:css在js中,这样js文件体积变得非常大,下载就会非常慢,因为是先 阅读全文
摘要：
注意:很可惜,页面一直在加载中,没成功,目前在做webpack之(9)的时候问题已经进行分析 常见的问题: 需要优先安装一下包 npm i webpack-dev-server -D 但是发现项目根本无法运行而报错,具体看报错问题 npm i webpack -D npm i webpack-cli 阅读全文
摘要：
webpack5的版本 后面有版本会单独出一篇文章 通过load打包其他文件资源 注意内容 在这里用到了文字图片,下载iconfont,然后在index.js引入css文件 然后开始打包,注意打包的验证采用排除 exclude 关键字 记住:.html文件并没有引入,因html-webpack-pl 阅读全文
摘要：
模块定义和使用 在commonjs中,一个文件就是一个模块.定义一个模块导出通过exports 或者 module.exports挂载即可 exports.count = 1; 导入一个模块 const {resolve} = require('path') CommonJS的模块主要由原生modu 阅读全文
摘要：
webpack5的版本 后面有版本会单独出一篇文章 通过load打包img文件 注意内容 url-loader 和 file-loader是一起的,若是less里面用到了图片那就没关系 若是html中用了img标签引用图片,那么打包后就会出现问题,图片显示不出来,这个问题一直都存在,不知如何解决 h 阅读全文
摘要：
webpack5的版本 后面有版本会单独出一篇文章 通过load打包html文件 注意:在打包html文件时,因为资源在打包的时候会自动引入 若index.js有包含css/less文件,就需要配置module中的rules 也就是 loader 第一步:下载html-webpack-plugin插 阅读全文