会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
1点
博客园
首页
新随笔
联系
管理
上一页
1
···
13
14
15
16
17
18
19
20
21
···
77
下一页
2020年3月16日
vue 复制功能
摘要: 1.下载clipboard.js npm install clipboard --save 2.引入 挂载到vue 上 import clipboard from 'clipboard' Vue.prototype.Clipboard = clipboard 3. 使用 <div style="al
阅读全文
posted @ 2020-03-16 10:30 1点
阅读(160)
评论(0)
推荐(0)
2020年3月15日
10天掌握webpack 4.0 优化篇 (6)热更新
摘要: 我们可以配置 热更新 当我们修改代码的时候 会同步更新输出 配置: 在 devServer 配置 hot 为 true devServer: { contentBase: path.resolve(__dirname, 'dist'), host: 'localhost', compress: tr
阅读全文
posted @ 2020-03-15 20:49 1点
阅读(350)
评论(0)
推荐(0)
10天掌握webpack 4.0 优化篇 (5)抽离公共代码
摘要: 我们在开发多个页面的项目的时候,有时候会在几个页面中引用某些公共的模块,这些公共模块多次被下载会造成资源浪费,如果把这些公共模块抽离出来只需下载一次之后便缓存起来了,这样就可以避免因重复下载而浪费资源 场景: 项目中 有 a.js b.js index.js other.js 文件 index.js
阅读全文
posted @ 2020-03-15 18:02 1点
阅读(379)
评论(0)
推荐(0)
10天掌握webpack 4.0 优化篇 (4) IgnorePlugin
摘要: IgnorePlugin用于忽略某些特定的模块,让 webpack 不把这些指定的模块打包进去 测试例子: src/index.js import moment from 'moment' moment.locale('zh-cn') let date = moment().startOf('hou
阅读全文
posted @ 2020-03-15 11:20 1点
阅读(1939)
评论(0)
推荐(0)
10天掌握webpack 4.0 优化篇 (3) 排除包含
摘要: 1. exclude 排除我们安装插件里面的代码 2 . include: path.join(__dirname, 'src'), 主要包含的是输出文件的src 测试下 效果在小项目 中 不是特别明显
阅读全文
posted @ 2020-03-15 11:06 1点
阅读(252)
评论(0)
推荐(0)
10天掌握webpack 4.0 优化篇 (1) noParse
摘要: module.noParse 字段,可以用于配置哪些模块文件的内容不需要进行解析 不需要解析依赖(即无依赖) 的第三方大型类库等,可以通过这个字段来配置,以提高整体的构建速度 实例: 我们可以先安装 jquery 测试 打包测试下 耗时为 1000多ms 配置下 noParse 再次打包测试 耗时
阅读全文
posted @ 2020-03-15 11:00 1点
阅读(555)
评论(0)
推荐(0)
2020年3月13日
校验 以 http 或者 https 开头的url
摘要: let reUrl = /(http|https):\/\/([\w.]+\/?)\S*/ if (reUrl.test(values.url) false) { return this.$message.error('请输入以 http 或者 https 开头的url') }
阅读全文
posted @ 2020-03-13 14:37 1点
阅读(971)
评论(0)
推荐(0)
2020年3月11日
10天掌握webpack 4.0 图片篇
摘要: 1.安装依赖 npm i url-loader -D file-loader 解决CSS等文件中的引入图片路径问题 url-loader 当图片小于limit的时候会把图片BASE64编码,大于limit参数的时候还是使用file-loader 进行拷贝 2.js 中使用图片 import logo
阅读全文
posted @ 2020-03-11 23:15 1点
阅读(186)
评论(0)
推荐(0)
10天掌握webpack 4.0 JS 篇 (2)
摘要: @babel/plugin-proposal-class-properties (1) 这个是用来编译类的插件 (2) 安装插件 npm i @babel/plugin-proposal-class-properties -D (3)webpack.config.js 配置 { test: /\.m
阅读全文
posted @ 2020-03-11 22:23 1点
阅读(119)
评论(0)
推荐(0)
10天掌握webpack 4.0 JS 篇 (1)
摘要: 1.Es6 转Es5 npm i babel-loader @babel/core @babel/preset-env -D 2.webpack.config.js { test: /\.m?js$/, exclude: /(node_modules|bower_components)/, //排除
阅读全文
posted @ 2020-03-11 21:57 1点
阅读(170)
评论(0)
推荐(0)
上一页
1
···
13
14
15
16
17
18
19
20
21
···
77
下一页
公告