Webpack

Webpack & Webpack-cli 安装成功后查看 webpack -v报错

ぃ、小莉子 提交于 2020-11-10 17:56:13
问题 1. 安装webpack webpack-cli npm install -g webpack webpack-cli 2. 查看webpack 版本 webpack -v 报错 / usr / local / lib / node_modules / webpack / lib / cli . js : 66 . replace ( ^ SyntaxError : Invalid regular expression : / ( \p { Uppercase_Letter } + | \p { Lowercase_Letter } | \d ) ( \p { Uppercase_Letter } + ) / : Invalid escape at pathToArgumentName ( / usr / local / lib / node_modules / webpack / lib / cli . js : 66 : 4 ) at addFlag ( / usr / local / lib / node_modules / webpack / lib / cli . js : 170 : 16 ) at traverse ( / usr / local / lib / node_modules / webpack / lib / cli . js : 243 : 21

从零开始搭建自己的VueJS2.0+ElementUI单页面网站(一、环境搭建)

纵然是瞬间 提交于 2020-11-10 01:52:22
原网址:https://blog.csdn.net/u012907049/article/details/72764151 前言 VueJS可以说是近些年来最火的前端框架之一,越来越多的网站开始使用vuejs作为前端框架,vuejs轻量、简单的特性使得前端开发变得更加简易,而基于vuejs的前端组件库也越来越多。我们今天使用的ElementUI,是饿了么团队开发的一款基于vuejs的前端组件库,也是众多vuejs组件库里面比较优秀的一款。这里要说一下我们构建网站所需要用到的一些东西: NodeJS(npm) Webstorm (前端IDE) Nginx(后期用来转发请求到后台服务器) Eclipse(后台IDE) 正文 安装nodeJS和npm 由于我们要使用npm这个包管理器,所以要安装nodeJS。现在版本的nodeJS已经集成了npm,所以我们只需要安装一次即可。我们访问 nodejs中文网 ,下载对应自己系统的版本就可以了。这里我们下载Windows系统的64位zip文件,下载完成后解压,可以看到里面有一个node.exe的可执行文件。 我们把当前的目录加入到系统环境变量的path里面。然后打开cmd命令行,输入npm -v,如果出现如下图的显示,说明已经安装正确。 这样我们以后就可以在硬盘中任何一个位置里使用npm命令了。 安装Webstorm

react项目打包部署上线完毕后,刷新报错404

非 Y 不嫁゛ 提交于 2020-11-09 19:22:00
报错分析: 在浏览器内可以从首页跳转到其他路由地址,而不报错是因为这些是由前端自己渲染的。React Router定义的对应路由,脚本并没有刷新访问请求后台数据,是JS动态更改的location。 当刷新时,先访问的是后台地址,反馈数据后再加载页面内的React代码,最后才在浏览器内执行,这时报错404。是因为后台并没有针对这个过程的路由给出返回的HTML内容,就没有执行React-Router。 只需要把原来的BrowserRouter替换成HashRouter,这样所有的请求都会定位在index.html页面,服务器端就不需要做任何的配置了。 路由控制为BrowserRouter时,URL是指向真实URL的资源路径,当通过真实URL路径访问网站时,由于路径是指向服务器的真实路径,而该路径下并没有相关的资源,所以访问时就报错404. 在React项目中采用React-Router来配置页面路由时,React-Router是建立在history基础上,常见的history路由方案有三种形式: 1、hashHistory 2、browserHistory 3、createMemoryHisory 在本地开发时使用BrowserRouter是不出现问题的,因为在webpack.config.js中使用了webpack-dev-server就已经做好了配置。 BrowserRouter:

Node.js 在微医的应用场景及实践

心已入冬 提交于 2020-11-09 08:47:27
我是来自微医集团消费事业群的前端工程师高翔,这篇文章整理自我在《第一届缤纷前端技术沙龙》的主题分享《Node.js 在医疗行业的应用》,介绍了 Node.js 在微医的发展历程和应用实践经验。 微医是总部位于杭州萧山的一家互联网医疗公司,我们的前端研发人员从2015年的几个人发展到现在的120多人,前端技术栈体系发生了巨大的变化,下面这张图展示了我们部门前端团队的技术栈演进过程。 16年之前主要是前后端耦合的开发方式。 17年开始引进 Vue,进行前后端分离,并开始尝试做 Vue SSR 的探索。 18年全面推 Vue SSR,积累了一定的 Node.js 经验,出现了越来越多的线上 Node.js 应用。 今年主要是将之前的解决方案沉淀下来,变成框架、文档、插件、脚手架等,来更好的支持需求的迭代。 可以看到在微医, Node.js 在线上应用起步较晚,但是发展很快,例如消费线业务基本都迁移到了 SSR 技术体系。 下面 这张图是我们公司前端应用的分布情况。 可以看到,集团总体前端应用中,Node.js 应用大概占比 1/4,而在 Node.js 应用中主要是 SSR 应用,其次是一些全栈体系的内部应用,接着是一些 API 服务,做一些接口的聚合和转发。 所以我今天主要从 Vue SSR、内部应用和 API 服务来介绍一下 Node.js 在微医的使用情况。 应用场景一:内部工具