
前端工程化
文章平均质量分 67
前端工程化的一些可落地方案
多纤果冻
superme
展开
-
Nginx缓存设置
在开发调试web的时候,经常会碰到因浏览器缓存(cache)而经常要去清空缓存或者强制刷新来测试的烦恼,提供下apache不缓存配置和nginx不缓存配置的设置。在常用的缓存设置里面有两种方式,都是使用add_header来设置:分别为Cache-Control和Pragma。nginx:location ~ .*\.(css|js|swf|php|htm|html )$ {add_header Cache-Control no-store;add_header Pragma no-cach...原创 2021-06-05 19:59:17 · 1174 阅读 · 0 评论 -
vue项目禁用浏览器缓存配置
public文件夹中修改 index.html文件meta配置vue cli 构建配置在vue.config.js新增配置const Timestamp = new Date().getTime()module.exports = { configureWebpack: { output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号(可选).时间戳】 filename: `[name].${Timestamp}.js`, .原创 2021-06-05 19:58:10 · 11473 阅读 · 1 评论 -
前端 http-server开启本地https服务
首先使用以下命令生成一个证书密钥对 key.pem 和 cert.pem,它将有效期约10年(准确地说是3650天)openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem按步骤输入对应的信息目录会多出两个文件 cert.pem key.pem然后便可以起服务了 下面两个命令都可以,后者会自动打开默认浏览器运行页面http-server -S...原创 2021-02-04 11:56:19 · 3335 阅读 · 0 评论 -
JS模块化的几种规范总结
commonJS特点:1、模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了,以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。2、模块加载会阻塞接下来代码的执行,需要等到模块加载完成才能继续执行——同步加载。环境:服务器环境 应用:nodejs的模块规范是参照commonJS实现的。 语法:1、导入:require('路径')2、导出:module.exports和exports注意:module.exports和exports的的区别是expor原创 2021-02-03 11:38:04 · 1079 阅读 · 0 评论 -
rollup 开发vue组件库及umd SDK 问题总结
rollup使用过程中遇到的各种问题https://www.dazhuanlan.com/2019/10/22/5dae8543f0ec1/rollup开发依赖包(npm library),解决引入外部依赖失败的有效方法import nodePolyfills from 'rollup-plugin-node-polyfills'; plugins: [ vue(), nodePolyfills(),](!) Missing global variable nam原创 2021-02-03 02:14:46 · 6536 阅读 · 0 评论 -
前端异常监控实战方案
本文简单分析前端异常监控的几种方式一、自研代码监控sdk下面讲述三种可以捕捉到的前端错误资源加载错误,通过 addEventListener('error', callback, true) 在捕获阶段捕捉资源加载失败错误。 js 执行错误,通过 window.onerror 捕捉 js 错误。 promise 错误,通过 addEventListener('unhandledrejection', callback)捕捉 promise 错误,但是没有发生错误的行数,列数等信息,只能手动抛原创 2021-01-20 14:08:24 · 1187 阅读 · 0 评论