1. devtool代码调试 1. 生产模式下 source-map: 生成一个map文件,直接定位到源码的行列 ✅可以使用该模式,用于测试服务器 cheap-source-map: 只能定位到行,且只能定位到babel转码后的代码 cheap-module-source-map: 只能定位到行,但是可以定位到源码 2. 开发模式下 eval: 定位到编译后的代码 cheap-eval-source-map:  定位到babel转码后的行 cheap-module-eval-source-map…

在开发过程中,经常碰到比如加载的是哪个配置文件.上传文件大小受限.PHP错误日志文件位置等问题需要快速查找出来并解决,因此总结记录出下面的相关配置. phpinfo - 输出关于 PHP 配置的信息 1.查看phpinfo配置信息 方式一 <?php /* bool phpinfo ([ int $what = INFO_ALL ] ) 查看phpinfo函数官方原型,发现它的返回值是bool型,而我一直都是这样用的:echo phpinfo(); 现在得知,并不需要echo啦 */ phpin…

参考链接:https://www.cnblogs.com/cag2050/p/10523096.html…

参看:文档地址 视频地址:https://www.bilibili.com/video/av51693431 webpack的作用:代码转换.文件优化.代码分割.模块管理.自动刷新.代码检验.自动发布 2 webpack 常见配置 2.1 安装 npm init -y cnpm i webpack webpack-cli -D # 版本 # "webpack": "^4.41.4" # "webpack-cli": "^3.3.10&q…

使用 vue-cli-service inspect 来查看一个 Vue CLI 3 项目的 webpack 配置信息(包括:development.production) --mode 指定环境模式 (默认值:development) 运行命令,在终端输出: 开发环境:npx vue-cli-service inspect --mode development 生产环境:npx vue-cli-service inspect --mode production 运行命令,将输出导入到 js 文…

Httpd服务入门知识-Httpd服务常见配置案例之显示服务器版本信息 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.httpd配置文件的组成 1>.主要组成 Global Environment Main server configuration virtual host 2>.配置格式:directive value(指令 属性值) directive 不区分字符大小写 value 为路径时,是否区分大小写,取决于文件系统 3>.官方帮助 博主推荐阅读: ht…

Webpack已经出来很久了,相关的文章也有很多,然而比较完整的例子却不是很多,让很多新手不知如何下脚,下脚了又遍地坑 说实话,官方文档是蛮乱的,而且有些还是错的错的..很多配置问题只有爬过坑才知道 本文首先介绍Webpack的一些基础知识,然后以一个已经完成的小Demo,逐一介绍如何在项目中进行配置 该Demo主要包含编译Sass/ES6,提取(多个)CSS文件,提取公共文件,模块热更新替换,开发与线上环境区分,使用jQuery插件的方式.页面资源引入路径自动生成等基础功能 应该能帮助大家更好…

深入浅出的webpack构建工具---webpack基本配置(一) 阅读目录 一:webpack入门构建: 1. 安装webpack到全局 2. 安装webpack到本项目. 3. 如何使用webpack? 4. 使用loader 5. 使用插件(Plugin) 6. 使用DevServer 二:webpack基本配置 1. context 2. entry 3. Output 4. 模式(mode) 5.理解使用Loader 6.理解noParse 7. 理解alias 8.理解extensi…

阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过:如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失:如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明白白的走进了Webpack的大门. //一个常见的Webpack配置文件 var webpack = require('webp…

1. 安装webpack到全局 在学习构建之前,我们来在本地文件新建一个存放项目的文件夹,比如叫demo1这个项目,然后进入demo1该项目的根目录后,执行命令 npm init运行下,一路回车(先简单的来),就会生成一个package.json文件. 在项目中直接运行如下命令,就可以把webpack安装到全局去:如下命令: npm install -g webpack 2. 安装webpack到本项目. 在本项目中,执行如下命令,就可以把webpack安装到本地项目中,如下命令: npm in…