herozhou工巧

摘要： 系列教程《一步步带你做vue后台管理框架》第三课 github地址：vue-framework-wz 线上体验地址：立即体验 《一步步带你做vue后台管理框架》第一课：介绍框架 《一步步带你做vue后台管理框架》第二课：上手使用 《一步步带你做vue后台管理框架》第三课：登录功能 认证又称“验证”、 阅读全文

摘要： 系列教程《一步步带你做vue后台管理框架》第二课 github地址：vue-framework-wz 线上体验地址：立即体验 《一步步带你做vue后台管理框架》第一课：介绍框架 《一步步带你做vue后台管理框架》第二课：上手使用 《一步步带你做vue后台管理框架》第三课：登录功能 闲扯再多不会用也没 阅读全文

摘要： 系列教程《一步步带你做vue后台管理框架》第一课 github地址：vue-framework-wz 线上体验地址：立即体验 《一步步带你做vue后台管理框架》第一课：介绍框架 《一步步带你做vue后台管理框架》第二课：上手使用 《一步步带你做vue后台管理框架》第三课：登录功能 Features 阅读全文

摘要： 先来运行一下webpack命令， 看到app.js才4k。 安装一下react 在app/index.js文件内引入react 运行webpack 看到我们的app.js文件竟然达到了100k。 因为app.js中包含了react的大量代码，造成了体积增大。 如果一个用户的网速只有1k/s，而且ap 阅读全文

摘要： 首先安装的依赖 在webpack.config.js文件中加入如下配置 在css文件中引入该图片作为背景图片。 运行npm run start 打开浏览器http://localhost:8080/ 看到图片已经引入进来而且命名经过了哈希处理。 看下url-loader是什么样子的，同样修改webp 阅读全文

摘要： 首先要安装css的loader 然后在webpack.config.js中配置如下代码 意思是先用css-loader加载css文件，再用style-loader添加在页面中 在app目录下创建component.css文件 在app/index.js中引入css文件 运行npm run start 阅读全文

摘要： chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式： 之前有一种解决方案是禁用autocomplete属性 但是autocomplete="off"在ch 阅读全文

摘要： 现在我们如果修改代码，需要重新打包，再一次在命令行下输入webpack命令，很麻烦。 热刷新是什么呢？就是我们该完代码保存之后webpack会自动打包引起浏览器自动刷新，你只需要把精力都专注在代码研发上不需要再分散精力在打包上。节省了时间和精力，效率更高了。 怎么做呢？ 首先安装 打开package 阅读全文

摘要： 首先我们需要安装一个webpack插件html-webpack-plugin,该插件的作用是帮助我们生成创建html入口文件。执行如下命令 在项目app目录下建立component.js文件,写入如下代码 在根目录下创建webpack.config.js文件 打开命令行，切换到项目目录下，执行web 阅读全文

摘要： 首先全局安装webpack，再npm初始化一个项目，并局部安装webpack开发工具 在项目目录下创建app文件夹，并创建index.js文件，写入如下代码 在项目文件夹下打开命令行，输入如下命令 出现如下代码即为成功 看下build/index.js文件的代码： 可以看到73行就是我们app/in 阅读全文