lyd的博客

VSCode打开TS+Vue3项目很多地方报错Reached heap limit Allocation failed - avascript heap out of memoryvue动态生成路由的项目，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-runtimenpm install --save @babel/runtimenpm 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-componentbabel.config.jsmodule.exports = { presets: [ '@vue/app' ], plugins: [...

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

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

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

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