
webpack
赵天明
前端工作
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
webpack设置服务器代理详解
服务器代理的作用解决跨域:1. 原理: 利用服务器访问服务器没有跨域问题的原理2. 请求过程:先向代理(同源)服务器发起请求,再由代理(同源)服务器请求外部服务器代理服务器的搭建安装 http-proxy-middleware 包`npm install --save-dev http-proxy-middleware`一个简单的代理服务器代码var exp...原创 2018-08-08 21:45:17 · 8652 阅读 · 0 评论 -
前端项目发版后用户需要手动刷新页面获取的解决方案
背景我们的项目是后台管理系统,框架是Vue,构建工具是Webpack。问题每一次修改代码后打包发布到生产环境后,用户需要手动刷新才能获取到最新的代码。原因Webpack打包之后会根据文件内容生成一个hash值,然后再按照[name].[hash].js的格式生成文件名;然后再根据文件的路由对应关系生成一个runtime.[hash].js的文件,这个文件会监控浏览器的路由变化去服务器加...原创 2019-06-27 17:44:20 · 20556 阅读 · 0 评论 -
使用webpack打包的单页面项目如何设置favicon.icon文件
上一篇文章:如何给网站设置favicon.ico图标,介绍了favicon.ico是什么,怎么配置,有哪几种方式。但发现webpack打包的单页面项目却与普通项目不同,所以这篇文章介绍一下使用webpack打包的单页面项目如何设置favicon.icon文件第一种方式:放在根目录的实现首先,将favicon放在项目的根目录下然后:1、找到build下的webpack.dev.conf.j...原创 2019-06-28 10:05:30 · 7985 阅读 · 0 评论 -
webpack进阶--01--环境变量的设置
环境变量的设置在用webpack作为打包工具的项目中,环境变量共有三种:node运行时的环境变量webpack配置对象的环境变量js运行时的环境变量node运行时的环境变量在node环境中,通过process.env可以获取node的全局环境信息在windows系统中,可以通过执行以下命令设置:set NODE_ENV=dev在linux系统中,可以通过执行以下命令设置:...原创 2019-07-18 21:58:15 · 2488 阅读 · 0 评论 -
webpack进阶--02--多页面应用配置
项目文件结构:├─build├ ├─webpack.base.js├ ├─webpack.dev.js├ └─webapck.prod.js├─package.json├├─src └─views ├─admin ├ ├─index.js ├ └─index.html ...原创 2019-07-18 21:59:53 · 288 阅读 · 0 评论 -
网站主题切换
文章目录网站主题切换前言思路全部写在`style`属性中全部写在外部`css`文件中引用不同的`link`文件通过`class`命名空间的方式`webpack`插件:`webpack-theme-color-replacer`实现`webpack-theme-color-replacer`网站主题切换前言关于网站主题的切换,其实也叫网站换肤。记得以前博客流行的时代,换肤很受欢迎。也在那时候...原创 2019-07-28 11:08:46 · 4015 阅读 · 8 评论