摘要:汇总: https://blog.csdn.net/keyandi/article/details/89227175 https://www.jianshu.com/p/b034663019a9 https://blog.csdn.net/Peng_wl/article/details/943830 阅读全文
posted @ 2019-11-26 00:11 lanlanDong 阅读 (7) 评论 (0) 编辑
摘要:1. 不同浏览器的标签默认外补丁margin和内补丁padding不同 发生概率:100% 解决方案:使用CSS通配符*,设置内外补丁为0 *{ margin: 0; padding: 0;} 2. 块属性标签float之后,又有横向的margin值,在IE6中显示会比设置的大(IE6双边距bug) 阅读全文
posted @ 2019-11-25 23:59 lanlanDong 阅读 (10) 评论 (0) 编辑
摘要:一、构建 Vue有自己的脚手架构建工具vue-cli,使用起来非常方便,使用webpack来集成各种开发便捷工具,比如: Hot-reload Vue的热更新,修改代码之后无需手动刷新网页,对前端开发来说非常方便 PostCss,再也不用去管兼容性的问题了,只针对chrome这样的现代浏览器写css 阅读全文
posted @ 2019-11-23 23:11 lanlanDong 阅读 (19) 评论 (0) 编辑
摘要:(1)优化resolve.extensions配置 在导入语句没带文件后缀时,Webpack 会自动带上后缀后去尝试询问文件是否存在。 在配置 resolve.extensions 时你需要遵守以下几点,以做到尽可能的优化构建性能: l 后缀尝试列表要尽可能的小,不要把项目中不可能存在的情况写到后缀 阅读全文
posted @ 2019-11-19 23:56 lanlanDong 阅读 (8) 评论 (0) 编辑
摘要:1. 处理效果 当我们修改带hash的文件并进行打包时,每打包一次就会生成一个新的文件,而旧的文件并没有删除。 为了解决这种情况,我们可以使用clean-webpack-plugin在打包之前将文件先清除,之后再打包出最新的文件 2. 安装 npm install --save-dev clean- 阅读全文
posted @ 2019-11-19 23:51 lanlanDong 阅读 (3) 评论 (0) 编辑
摘要:1. 处理效果 2. 安装(下载) npm install --save-dev copy-webpack-plugin 3. 配置config文件 引入插件: Plugins设置 阅读全文
posted @ 2019-11-19 23:49 lanlanDong 阅读 (4) 评论 (0) 编辑
摘要:2.optimize-css-assets-webpack-plugin插件 (1)安装(下载) npm install --save-dev optimize-css-assets-webpack-plugin (2)配置config文件 引入插件: Plugins设置 assetNameRegE 阅读全文
posted @ 2019-11-19 23:48 lanlanDong 阅读 (1) 评论 (0) 编辑
摘要:(1)处理效果 处理后 (2)安装loader 安装postcss-loader和autoprefixer 下载: npm install --save-dev postcss-loader autoprefixer (3)配置loader 需要和autoprefixer一起用 阅读全文
posted @ 2019-11-19 23:46 lanlanDong 阅读 (6) 评论 (0) 编辑
摘要:目前,ES6(ES2015)这样的语法已经得到很大规模的应用,它具有更加简洁、功能更加强大的特点,实际项目中很可能会使用采用了ES6语法的模块,但浏览器对于ES6语法的支持并不完善。为了实现兼容,就需要使用转换工具对ES6语法转换为ES5语法,babel就是最常用的一个工具 转换 babel转化语法 阅读全文
posted @ 2019-11-19 23:45 lanlanDong 阅读 (11) 评论 (0) 编辑
摘要:1. 简单了解 开发环境和生产环境的构建目标差异很大。在开发环境中,我们需要具有强大的、具有实时重新加载或热模块替换能力 和 localhost server。而在生产环境中,我们的目标则转向于关注更小的 bundle,以及资源的优化,以改善加载时间。所以我们通常建议为每个环境编写彼此独立的 web 阅读全文
posted @ 2019-11-19 23:42 lanlanDong 阅读 (11) 评论 (0) 编辑