webpack4--uglifyjs-webpack-plugin
摘要:webpack4之前版本,压缩js代码: //webpack.config.js plugins:[ new webpack.optimize.UglifyJsPlugin({ compress:{ warnings:false //移除警告 } }), new webpack.optimize.D
阅读全文
webpack4--MiniCssExtractPlugin(extract-text-webpack-plugin)
摘要:在使用webpack打包时,将css代码从bundle.js中抽离出来,单独出一个模块,需要用到extract-text-webpack-plugin插件 webpack版本不同,相对于的插件也不同,如下: # for webpack 4 npm install --save-dev mini-cs
阅读全文
webpack--CleanWebpackPlugin is not a constructor
摘要:构建项目时,报了这个一个错,CleanWebpackPlugin is not a constructor,翻了官方文档发现用法变了。正确的写法: const { CleanWebpackPlugin } = require('clean-webpack-plugin'); ... plugins:
阅读全文
webpack--关于babel的配置
摘要:在webpack中只能处理一部分es6的新语法,一些更高级的es6或es7语法,webpack处理不了,这时需要借助第三方loader来处理这些高级语法 当第三方loader把高级语法转化成低级语法后,会把结果交给webpack去打包到bundle.js中 具体步骤如下: 1.在webpack中,可
阅读全文
webpack--vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config
摘要:在webpack配置时,出现以下错误: 原因: Vue-loader在15.*之后的版本,vue-loader的使用都是需要VueLoaderPlugin的 解决方法: 在webpack.config.js 中,加入如下配置即可: const VueLoaderPlugin = require('v
阅读全文
js移动端---H5软键盘兼容问题
摘要:经历很多项目,都涉及输入框,总结一下移动端软键盘兼容问题 在 Android 和 IOS 上,获知软键盘弹起和收起状态存在差异,且页面 webview 表现不同。 在IOS12 上,微信版本 v6.7.4 及以上,输入框获取焦点,键盘弹起,页面(webview)整体往上滚动,当键盘收起后,不回到原位
阅读全文
js微信--微信授权后,刷新网页code过期
摘要:在微信开发中,通常要获取点击链接的用户的open_id通常需要以下几步: 1. 获取带code的url,重定向,获取code 2. 通过code获取openid 注意:因为当通过code来获取openid时,code只能使用一次。这里用一个方法解决刷新网页code过期。 方法即:由于openid是用
阅读全文
js微信--微信授权登录(OAuth2.0)
摘要:最近因为疫情,工作延期中,不想每天浪费时间,正好趁休息,整理一下工作中用的一下东西。 年前有个项目需要在微信中授权获取用户基本信息 微信授权使用的是OAuth2.0授权的方式。主要有以下步骤: 第一步:用户同意授权,获取code 第二步:通过code换取网页授权access_token 第三步:刷新
阅读全文