webpack配置之resolve
有一些第三方模块会针对不同环境提供几分代码。 例如分别提供采用 ES5 和 ES6 的2份代码,这2份代码的位置写在 package.json 文件里,如下:
dependencies 和 devDependencies 区别重新认识
最近使用webpack在写一个内部npm库插件,但遇到一个问题,在本地使用yarn和cnpm都可以正常下载,去到公司用的openshift自动发布系统上就怎么都没法把这个库down下来,于是各种排查,其中排查到下载的node_modules包里自己写的插件还会有一个node_modules包,怀疑是不是这里出了问题。
2020-11-17
webpack 入门(一)
Webpack是⼀个打包模块化JavaScript的⼯具,它会从⼊⼝模块出发,识别出源码中的模块化导⼊语句,递归地找出⼊⼝⽂件的所有依赖,将⼊⼝和其所有的依赖打包到⼀个单独的⽂件中。
vue日常报错记录
解答:因为我配置的路由钩子(router.beforeEach)有问题,导致路由死循环。路由中的redirect和路有钩子中没有登录的时候自动跳转到登录界面冲突导致死循环,修改一些redirect和路由钩子拦截跳转的规则。
React报错之Property does not exist on type 'JSX.IntrinsicElements'
当组件名称以小写字母开头时,会导致"Property does not exist on type 'JSX.IntrinsicElements'"错误。为了解决该错误,确保组件名称总是以大写字母开头,安装React声明文件并重启你的开发服务器。
2022-08-30
NodeJs断点调试详细说明
node在运行js的时候,可以传递参数让其运行在调试模式,运行在调试模式后,引擎会向某个端口发送调试相关信息。一、在devTools中调试1.在chrome中接收调试信息在浏览器上打开:chrome://inspect/, 等待node引擎来连接2.进入调试模式 {代码...} 启动调试自动进入调试界面二、在vscode中调试1.创建调试配置文件2.配置调试...
2022-04-12
了解可执行的NPM包
NPM是Node.js的包管理工具,随着Node.js的出现,以及前端开发开始使用gulp、webpack、rollup以及其他各种优秀的编译打包工具(大多数采用Node.js来实现),大家都开始接触到一些Node.js,发现了使用NPM来管理一些第三方模块会很方便。 大家搬砖的模式也是从之前的去插件官网下载XXX.min.js改为了npm install XXX,然后在...
CentOS 安装 vue 开发环境
最近在做一个手机端的项目,正好想用vue来实现,看了一下别人的效果还挺好的。 安装 node.js 安装前准备:yum install libtool automake autoconf gcc-c++ openssl-devel 下载源码:wget [链接] 解压缩:tar -zxvf node-v6.9.1.tar.gz 编译安装:./configure --prefix=/app/servermake && make install 因为指定...
2016-10-29
在小程序开发中使用 npm
node_modules可以 在小程序根目录下,也可以存在于小程序根目录下的各个子目录中。但是不可以 在小程序根目录外。使用--production选项,可以减少安装一些业务无关的 npm 包,从而减少整个小程序包的大小。
练习项目npm start启动时报错的个人解决办法
看了一下Error,是说找不到core-js/fn/object/assign这个文件。Error: Cannot find module 'core-js/fn/object/assign'我在server.js文件中看到这样句代码require('core-js/fn/object/assign');。应该是需要引入这个moudle,我在项目文件夹node_modules中,没有找到core-js文件。所以应该是缺少这个moudle。
前端反卷计划-脚手架-从0实现一个脚手架
脚手架开发流程开发流程1.创建 npm 项目2.创建脚手架入口文件,最上方添加: {代码...} 3.配置 package.json ,添加 bin 属性4.编写脚手架代码5.将脚手架发布到 npm使用流程1.安装脚手架 {代码...} 2.使用脚手架 {代码...} 脚手架开发难点解析分包:将复杂的系统拆分成若干个模块命令注册 {代码...} 参数解析 {代码...} ...
2023-12-07
在docker中执行gitlab-runner
环境:ubuntu 16.04 LTS目的:使用Docker安装和配置GitLab Runner,搭建GitLab CI持续集成环境。 安装gitlab-runner {代码...} 参数说明: -d: 设置容器后台运行 --name:容器名称 -restart always:每次启动容器就重启 gitlab-runner -v: 共享目录挂载 安装好后,执行$ docker ps 查看容器是否运行。 注册和初始化 {代码...
webpack 优化笔记
优化可以从哪些方面入手 1、优化开发体验 优化构建速度,项目庞大时构建的耗时比较久 优化使用体验,通过自动化手段完成一些重复工作 2、优化输出质量 减少用户感知到的加载时间,即首屏加载时间 提升流畅度,即提升代码性能 webpack 可以做哪些优化 1、缩小文件搜索范围webpack 在启动后会从配置的 Entry 出发,解析出...
2018-09-17
kubernetes(k8s)安装命令行自动补全功能
Ubuntu下安装命令 {代码...} centos下安装命令 {代码...} {代码...} 临时环境变量 {代码...} 永久写入环境变量配置文件 {代码...} [链接]\_33921750[链接][链接][链接][链接][链接][链接]知乎、CSDN、开源中国、思否、掘金、哔哩哔哩、腾讯云本文使用 文章同步助手 同步
2021-11-05
WEBPACK+VUE2.0开发请求本地模拟数据的配置方法
早期在vue构建工程文件在build里面有dev-server.js,但是后来构建去除了该文件集成到了webpack的webpack.dev.conf.js里面。 在项目制作过程中,作为一个前端,总不能时刻去调用后端的接口,需要模拟本地进行访问,于是总结一下模拟访问这里面的坑,希望对大家有帮助。
angular 上传本地文件样式优化
谷歌搜索bootstarp input file,第二条给我推送了一个不错的样式,我们来看看效果嗯,不错,效果高大上,就用这个了。连接:这是demo地址这个名叫bootstrap-inputfile的包应该是基于bootrarp样式写的,并且支持使用npm 命令导入,但是我在尝试按照教程导入之后,显示的效果还是跟原生一样,这说明我没有正确导入,因为教程...
VS Code调试技巧
1. type:启动配置的调试器的类型,以下为vs code提供的内置类型,还有一些类似于pwa-node,pwa-chrome是依靠插件提供的