摘要:
#less 基本语法 变量 //定义变量 @color:red; div{ //使用变量 color:@color; } ##嵌套 div{ color:red; div{ background-color:red; } } 编译成css之后: div{ color:red; } div div{ 阅读全文
摘要:
#webpack-dev-server 安装的版本问题 webpack-cli 3.x 要使用 webpack-dev-server 2.x webpack-cli 4.x 要使用 webpack-dev-server 3.x 阅读全文
摘要:
#可以优化的方面 0、升级服务器 1、开启gzip压缩 服务器端要同步开启 2、第三方插件用cdn引入 (要注意有些项目有可能自身有局限性,限制外网访问) 3、压缩js代码 一般生产模式都会自动压缩的 (但是有可能因为某些插件冲突的原因,没有自动压缩) 4、将css代码拆分独立出来 5、压缩css代 阅读全文
摘要:
#文件目录 build.js check-versions.js logo.png vue-loader.conf.js webpack.base.conf.js webpack.dev.conf.js webpack.dll.conf.js webpack.prod.conf.js build.j 阅读全文
摘要:
#juqery对象和dom对象 对标签属性的操作 ##代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me 阅读全文
摘要:
#文件目录 index.js dev.env.js prod.env.js ##index.js 配置注释 "use strict"; // Template version: 1.3.1 // see http://vuejs-templates.github.io/webpack for doc 阅读全文
摘要:
webpack性能优化 1、开发环境性能优化 2、生产环境性能优化 ##开发环境性能优化 1、优化打包构建速度 HMR 热模块更新技术 2、优化代码调试 source-map 源代码到构建后代码的构建技术 ##生产环境性能优化 1、优化打包构建速度 oneOf babel缓存 多进程打包 exter 阅读全文
摘要:
#webpack 基本配置 和开发模式配置 补充部分 ##功能介绍: js、css、html、代码的压缩 、 js代码的兼容性处理 、 css代码的兼容性处理 提取css生产单独文件 、 eslint 语法检查 重点看 webpack.config.js文件 ##第三方插件版本 cnpm i bab 阅读全文
摘要:
#webpack 基本配置 和开发模式配置 ##安装版本 (练习的版本) cnpm i webpack@4.16.5 cnpm i webpack-cli@3.1.0 cnpm i html-webpack-plugin@3.2.0 -d cnpm i css-loader@3.4.2 style- 阅读全文
摘要:
<div id="container"></div> <!--2、引入高德地图的js--> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.8&key=d615f75bc293b8ccd365cca4152 阅读全文