• Home
  • 升级到babel7踩坑回顾：主要解决lerna monorepo打包报错问题

    babel6升级到babel7，使用lerna作为monorepo管理工具。发现vue3项目jsx无法...
    webpack动态路径:__webpack_public_path__作用

    指定__webpack__public_path__，需要在文件的最开头引入。指定了__webpack_p...
    vitepress本地无法预览：HTTP ERROR 403

    vitepress，Access to localhost was denied You don t have aut...
    vite项目sass变量找不到报错

    vite 项目sass报错，webpack是可以的。主要是全局变量造成的。
    webpack打包vue组件与JS-SDK注意事项

    首先复习下：《webpack打包npm组件库，libraryTarget如何选择？》《webpack...
    Critical dependency: the request of a dependency is an expression

    require用于引入模块、 JSON、或本地文件，但是不支持直接传入变量。解决...
    vitepress 打包内存溢出： JavaScript heap out of memory

    解决问题：1、vitepress build FATAL ERROR: Ineffective mark-compa...
    vitepress build error: TypeError: Invalid value used as weak map key

    无论是vitepresss 还是vuepresss，都会报错：TypeError: Invalid value ...
    vitepress页面渲染不出来，出现404原因分析——vue变量

    在原来markdown内容中若有html内容，或者{{变量}}，就是报错出现404 比如ne...
    vite proxy axios出现TypeError: Cannot read property 'split' of null

    今天把之前vue bkui-cli 创建的项目copy 值vite 工程。发现报错： Cann...
    vite组件按需导入：vite-plugin-babel-import vs vite-plugin-style-import

    babel-plugin-import 是为了解决在打包过程中把项目中引用到的外部组件或功...
    algolia配置站内搜索：vitepress配置示范

    之前一直用百度站内搜索，但是百度站内搜索现在停用了。用谷歌的站内搜索，...
    Vitepress自动生成侧边栏函数—自动读取目录生成侧边栏

    vitePress文章的目录分为两种，单目录结构，和多目录结构。 下面简单阐述的...
    webpack5升级总结：在weppack5.1x升5.7x所遇到的问题汇总

    webpack5 1x升级到5 7x遇到其中遇到非常多的坑，主要是配套插件跟之前的配...
    webpack 开环境 资源查看webpack-DEV-SERVER

    webpack开发环境，发现资源文件路径不对。不知道webpack开发环境 资源在哪...
    webpack打包npm组件库，libraryTarget如何选择？

    官方文档如下：https: webpack docschina org configuration output...
    webpack打包发布npm包优化-vue/echarts等公共库抽离

    项目工程打包成sdk发布成npm包组件，webpack打包不引入vue、echarts等公共库怎么设置？
    webpack配置devServer配置https代理与证书

    Webpack-dev-server 配置https浏览器如果需要开发某些特定功能，需要https...
    vite启动localhost:5000 responds with http status 403无法访问

    vite preview - the preconfigured localhost:5000 responds with h...
    vitepress搭建markdown文档博客

    目前主流搭建文档站点的方式：Gatsby - 以 GraphQL 为核心，功能相当完...

    webpackTheorymore>>

    webpack本质上是一种事件流的机制，它的工作流程就是将各个插件串联起来，而实现这一切的核心就是Tapable。这里只是一个学习笔记
    1. webpack原理(2)：ES6 module在Webpack中如何Tree-shaking构建
    2. webpack原理(1)：Webpack热更新实现原理代码分析
    3. webpack性能优化(2)：splitChunks用法详解
    4. webpack性能优化(1):分隔/分包/异步加载+组件与路由懒加载
    5. webpack性能优化(0):webpack性能优化概况-优化构建速度
    6. webpack4从零开始搭建react与vue工程过程实录
    7. webpack多页面配置
    8. webpack外网ip访问

    webpackmore>>

    babel6升级到babel7，使用lerna作为monorepo管理工具。发现vue3项目jsx无法编译。需要把每个子包的package json改为xx json。通个这个问题在细看一遍babel
    1. webpack动态路径:__webpack_public_path__作用
    2. webpack打包vue组件与JS-SDK注意事项
    3. Critical dependency: the request of a dependency is an expression
    4. webpack5升级总结：在weppack5.1x升5.7x所遇到的问题汇总
    5. webpack 开环境 资源查看webpack-DEV-SERVER
    6. webpack打包npm组件库，libraryTarget如何选择？
    7. webpack打包发布npm包优化-vue/echarts等公共库抽离
    8. webpack配置devServer配置https代理与证书

    gruntmore>>

    比如，jsp，php，项目，css，js，————以及前端工程怎么样构建？php，或者jsp，但是grunt-live watchphp或者jsp，php和jsp项目的前端工程一体化！工程架构什么怎么样的？
    1. grunt-sass解决sass编译问题
    2. 草泥马的ruby，折腾死人的SSL_connect certificate verify failed
    3. 前端一体化简约配置
    4. grunt前后台一体化调试！解决跨域问题！

    gulpmore>>

    1. gulp图片压缩插件imagemin配置使用范例

    vitemore>>

    Vite 的最强点之一便是它周围的生态系统。Vite 承担起了许多职责（通用的 Web 模式、全局导入、热更新 API、底层的服务端渲染、构建优化）
    1. 新一代构建工具(1)：对比rollup/parcel/esbuild—esbuild脱颖而出
    2. 新一代构建工具(2)：从bundler角度看esbuild
    3. vitepress本地无法预览：HTTP ERROR 403
    4. vite项目sass变量找不到报错
    5. vitepress 打包内存溢出： JavaScript heap out of memory
    6. vitepress build error: TypeError: Invalid value used as weak map key
    7. vitepress页面渲染不出来，出现404原因分析——vue变量
    8. vite proxy axios出现TypeError: Cannot read property 'split' of null