lyd的博客

VSCode打开TS+Vue3项目很多地方报错 Reached heap limit Allocation failed - avascript heap out of memory vue动态生成路由的项目，webpack怎么知道需要打包那些文件

遇到没有头绪的报错，需要使用排除法一点一点从大范围缩小到小范围，小范围内再进行一点一点的尝试，尝试次数多了总是可以发现问题的关键点。组件的相关代码放到了组件库文件夹中，组件库的打包和项目功能文件打包不一样，因此先把组件相关代码移动到项目中尝试，结果并不能解决。用于将 es5 最终输出 es3 的 webpack 插件，如果项目需要兼容 ie8 会用到它，注释掉这个插件，结果并不能解决。组件，首先进行的是把四个页面的代码注释掉，结果还是有问题；错误，把一些没有添加分号的代码也添加了分号，结果还是出现问题。

版本 @babel 7.X 依赖安装 npm install --save-dev @babel/plugin-proposal-decorators npm install --save-dev @babel/plugin-proposal-class-properties 配置 { "plugins": [ ["@babel/plugin-proposal-decorators", { "legacy": true }], ["@babel/plugin-proposal-cla

问题：ant-design-vue不兼容ie浏览器 要求：ie兼容 >= 9 环境：@vue/cli@4.5.4，ant-design-vue@1.6.4 之前写了一篇博文解决ant-design-vue的兼容，由于@vue/cli搭建项目升级导致不能生效，为了解决这个遗憾，本片博文诞生 第一步：安装依赖 npm install --save-dev @babel/plugin-transform-runtime npm install --save @babel/runtime npm inst

此处主要讨论的是大于等于3种环境的打包配置，如果只有两种的话NODE_ENV 会是development、production ，这样的一般比较简单，下面将多种环境的配置，两种的可以参考类比。 首先配置package.json { ... "scripts": { // 开发 "dev": "vue-cli-service serve", // ...

问题 elementui改为按需引入后出现报错，报错信息Uncaught ReferenceError: _MessageBox is not defined 操作 npm i -D babel-plugin-component babel.config.js module.exports = { presets: [ '@vue/app' ], plugins: [...

项目构建打包坑windows系统 react项目1.eslint报错问题：​ error： Expected linebreaks to be ‘LF’ but found ‘CRLF’解决:​ .eslintrc文件"rules": { "linebreak-style":0 } 2.babel-plugin-static构建路径问题问题：​ img:require(‘../.

react发布组件 絮叨一下 使用react半年了，一直在用react做项目，但从来没有发布过react组件。虽然会了不一定是大神，但是只要是大神就一定会，所以最近一直在研究怎么用react发布一个组件。网上很多案例教程，但是大多数项目包已经比较老旧（本文不介绍一步步初始化，搭建配置）。 于是自己就捯饬起来，首先打包构建应该分两个配置文件，一种是为了开发预览使用，一个是为了发布使用。开发...

聪明的响应式（rem） 1.适合移动端响应 2.配合sass使用更佳 3.默认设计稿宽度750 4.主要使用宽度去适配，设备尺寸和比例太多，宽高都去适配会导致页面变形 import {Rem} from 'clever-rem'; Rem(750); // import Rem from 'clever-rem'; // Rem(750); // 两种方式都可以使...

Webpack中提示syntax ‘classProperties’ isn’t currently enabled的错误 使用了一些JavaScript的一些新特性的时候，但是有没有在webpack.config.js里面或者是.babelrc文件中配置相关插件，就可以解决了。 error：Support ``for` `the experimental syntax ``'classPrope...