Catch
标签:Vue

解决vue项目热更新失效的问题

如果使用的是linux系统,首先要确保/etc/sysctl.conf文件已经设置了文件监听数量,如下 fs.inotify.max_user_watches=524288 也可以通过如下命令直接设置 echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf&& sudo sysctl -p 对于编辑器,如果使用了webstorm,则需要在File->Settings->Appearance & Behavior->System Settings设置页去掉勾选【Use “safe write” (save changes to a temporary file first)】

3月前 158浏览

iview的input标签报错 x-invalid-end-tag

在.eslintrc.js 的 rules 加上 "vue/no-parsing-error": [2, { "x-invalid-end-tag": false }] 如果你是用 Vetur的话 配置.eslintrc.js 并没有什么卵用 Vetur automatically uses eslint-plugin-vue for linting <template>. Linting configuration is based on eslint-plugin-vue’s essential rule set. 只能关掉它自带的eslint-plugin-vue vscode设置 "vetur.validation.template": false, 然后 yarn add -D eslint eslint-plugin-vue 并配置 .eslintrc 如上那一个规则

4月前 199浏览

Webpack项目自动化部署到阿里云OSS

笔者在开发Vue项目时每次都要重复如下操作 删除dist目录 yarn build 删除oss文件 把dist目录文件上传到oss上 这样拖慢了开发效率,浪费了很多时间在这种无聊的事情上,于是笔者通过一番查找和学习,使用两个webpack插件(clean-webpack-plugin、aliyunoss-webpack-plugin)解决了以上问题 clean-webpack-plugin的使用已通过之前的文章 webpack在打包前清理dist目录 讲解过,这里不再赘述 aliyunoss-webpack-plugin插件使用 首先安装aliyunoss-webpack-plugin插件 yarn add aliyunoss-webpack-plugin -D // 或者使用 npm i aliyunoss-webpack-plugin -D 修改webpack.prod.conf.js const AliyunossWebpackPlugin = require('aliyunoss-webpack-plugin') const oss = require('../oss') ... plugins: [ ... // 插入到最后面 new AliyunossWebpackPlugin({ buildPath: 'dist/**', region: oss.region, accessKeyId: oss.accessKeyId, accessKeySecret: oss.a

6月前 668浏览