排序:
默认
按更新时间
按访问量

微信小程序外链H5采坑纪事

微信小程序外链H5页面是通过web-view 组件实现的, 在外链的H5页面上不可避免的会传递参数, 这是可通过url传递, 在H5页面截取?之后的参数获取,从而做他用. 需要注意的是: 将H5的链接赋给web-view的src时, 要整体复制, 不要使用插值的形式, 例如下面: &amp...

2018-11-07 17:24:36

阅读数:40

评论数:0

Visual Studio Code上传代码到github

前期准备 安装Visual Studio Code 安装git 在github上新建仓库, 例如 vsdemo 在本机磁盘下新建一个文件夹 ,例如vs 上传到github 将vs文件夹添加到编辑器中 打开终端 输入git init 这样就初始化了一个本地仓库 新建个文件 ...

2018-10-18 17:11:42

阅读数:99

评论数:0

webpack 多页面配置 -- 多配置和单配置

多配置 目录: src – css \ index.html \ pages \ components pages: a.js b.js c.js css : a.css b.css c.css components: module.js a.js页面: import react f...

2018-08-01 16:25:13

阅读数:213

评论数:0

webpack -- 长缓存优化

场景一: 改变业务代码, 第三方(vendor)不变化 解决: 1. 提取第三方代码 2. 将hash –> chunkhash 3. 提取 webpack runtime var path = require('path') var webpack =...

2018-08-01 15:15:30

阅读数:224

评论数:0

webpack - 打包速度优化

方法一: 区分第三方代码(vender)和业务代码(app) DllPlugin DllReferencePlugin 这两个插件设置打包好的第三方代码不再打包 第一步: 在build文件中新建一个webpack.dll.config.js 第二部: 配置webpack.dl...

2018-08-01 14:38:59

阅读数:142

评论数:0

webpack 打包结果分析

官方工具: offical Analyse Tool 运行命令: mac: webpack –profile –json >stats.json window:webpack –profile –json | Out-file’stats.json’...

2018-08-01 13:48:22

阅读数:228

评论数:0

webpack环境 -- 开发环境和生产环境的区分

开发环境的需求: 模块热更新 sourceMap 接口代理 代码规范检查 生产环境的需求 提取公共代码 压缩混淆 文件压缩/base64编码 去除无用的代码 二者共同点: 同样的入口 同样的代码处理(loader处理) 同样的解析配置 使用webpack-merge拼接...

2018-07-31 16:19:52

阅读数:795

评论数:0

webpack环境 -- 开启调试 sourceMap

Source Map 调试: 插件: devtool webpack.SourceMapDevToolPlugin webpack.EvalSourceMapDevToolPlugin 开发环境配置值development: eval eva...

2018-07-31 15:06:40

阅读数:397

评论数:0

webpack环境 -- webpack-dev-server 模块热更新

配置devServer: devServer:{ hot: true } 配置插件: plugins:[ new webpack.HotModuleReplacementPlugin(), new webpack.NameM...

2018-07-31 14:40:25

阅读数:43

评论数:0

webpack环境 -- webpack -watch

运行 webpack -watch 可自动搭建一个服务器环境. webpack -w –progress 查看打包进度 插件 : clean-webpack-plugin 每次打包清除插件 var ClearWebpackPlugin = require('clean-webpack-p...

2018-07-31 13:26:43

阅读数:185

评论数:0

webpack 配合优化

提前载入 webpack 加载代码 插件: html-webpack-inline-chunk-plugin: 将选择的chunk插入到html中 inline-manifest-webpack-plugin 将webpack生成的代码插入到html中 webpack配置 rul...

2018-07-31 12:02:55

阅读数:38

评论数:0

webpack基础 -- 处理html中引入的图片

使用: html-loader options: { attrs:[img:src] } <\img src=”src/assets/img/demo.png” data-src=”src/assets/img/demo1.png” />...

2018-07-31 11:51:30

阅读数:556

评论数:0

webpack基础 -- 生成html

插件: html-webpack-plugin options: template:模板文件 filename: 输出文件名 minify: 是否压缩html文件 chunks: 生成的html文件...

2018-07-31 11:34:31

阅读数:46

评论数:0

webpack基础--- 处理第三方js库

场景: 使用cdn 和本地文件 使用 webpack.providePlugin imports-loader 当第三方JS库是在自己定义的文件夹中, 要用resolve配置一下别名 使用插件: resolve:{ alias:{ jquery$:p...

2018-07-31 11:20:32

阅读数:225

评论数:0

webpack基础 -- 字体文件处理

使用 file-loader url-loader –save-dev rules:{ { test:/\.(eot|woff2|woff|ttf|svg)/, use:[ {loader:'url-loader', ...

2018-07-31 10:09:42

阅读数:267

评论数:0

webpack环境 -- webpack-dev-server 远程代理

webpack-dev-server 安装 npm install webpack-dev-server –save-dev 参数: inline: true, // 默认为true, false时页面顶端有一个状态条, 显示的是页面的打包状态 contentBas...

2018-07-17 17:43:04

阅读数:199

评论数:2

webpack基础 -- 图片处理

需要的loader: url-loader file-loader img-loader postcss-sprites

2018-07-17 16:13:51

阅读数:39

评论数:0

webpack基础 -- Tree Shaking

作用: 常规优化 \ 引入第三方库中的某一个功能 ; 将项目中没用到的代码剔除. 优化第三方库时注意: 如果是用module.export方式写的, 可以用treeShaking, 否则要借助插件才能进行优化. 分为两种: JS Tree Shaking 和 CSS Tree ...

2018-07-17 15:16:47

阅读数:85

评论数:0

webpack基础 -- PostCSS

postcss: 在打包时期作用. 安装: postcss / postcss-loader / postcss-cssnano / postcss-cssnext / autoprefixer npm install postcss postcss-loader cssna...

2018-07-17 14:12:45

阅读数:66

评论数:0

webpack基础 -- 提取css

提取css 需要的插件 : extract-text-webpack-plugin 安装: npm install extract-text-webpack-plugin –save-dev

2018-07-13 15:53:04

阅读数:160

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭