随笔分类 - webpack
咆哮的菜鸡之路
摘要：创建bin目录 bat编写 1.下载项目依赖包 @echo off echo. echo [信息] 安装Web工程，生成node_modules文件。 echo. %~d0 cd %~dp0 cd .. npm install --registry=https://registry.npm.taob
阅读全文
摘要：1.创建 deploy.js 放在package.json同一层级 /** * 结合scp2和ssh2将build打包传到服务器 * npm install scp2 --save-dev * npm install ssh2 --save-dev * * package.json中 * scrip
阅读全文
摘要：项目背景：vue-cli3 1.在vue.config.js中 引入plugin 压缩文件插件 const FileManagerPlugin = require('filemanager-webpack-plugin') // 压缩文件夹 const packageName = 'dist' //
阅读全文
摘要：报错： Error: Cannot find module 'vue-loader-v16/package.json' 解决办法是：删除package-lock.json文件 重新下载包npm i
阅读全文
摘要：项目背景：vue3.0 + elementPlus 注意项目结构，主要涉及的几个文件及文件夹 直接上代码 1.最开始是要下载包 npm install svg-sprite-loader 2.配置项目的配置文件 vue.config.js const path = require("path");
阅读全文
摘要：require.context require.context是webpack提供的api require.context(directory,useSubdirectories,regExp) directory:表示检索的目录 useSubdirectories：表示是否检索子文件夹 regEx
阅读全文
摘要：当你是使用 vuecli3.0的打包工程时， vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件进行优化 位置：node_modules/@vue/cli-service/lib/config/terserOptions.js compress对象中 可加入 wa
阅读全文
摘要：vite.config.js 中 import { defineConfig } from 'vite' import path from "path"; import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ expor
阅读全文
摘要：npm i mddir //进入mddir目录中 cd node_modules/mddir/src //查看当前所在目录 pwd //当前文件夹下的文件目录 ls // 生成结构的根目录起点 ，向内查找两层 node mddir "../../../" 生成的directoryList.md文件会
阅读全文
摘要：更换浏览器项目的logo，需要在项目的 打包的根文件index.html下添加页面配置 <link rel="icon" href="<%= BASE_URL %>favicon.ico"> // <%= BASE_URL %> 会默认到public文件夹下面 //是webpack 配置中使 web
阅读全文
摘要：vue-cli命令 vue ui 除了黑窗口，还可以webUI Web端的初始化,体验了一下,效果很不错; vue ui 环境准备 node环境 http://nodejs.cn/ 官网及安装 vue-cli官网 https://cli.vuejs.org/ vue-cli的安装:npm i -g
阅读全文
摘要：qiankun 是一个基于 single-spa 的微前端实现库 官方文档 它的使用及介绍在官方有详细的文档说明，我这主要记录下 开发中遇到的问题， 1.关于 路由 加载404 的问题 使用component: ()=>import('../views/About')的方法来进行加载 会出现Chun
阅读全文
摘要：1.使用缓存 转摘文章 优化项目其中占大部分的有 eslint-loader和vue-loader 如果项目文件过多是 项目启动eslint检查和加载耗时过长 导致启动时间动不动就几分钟 解决问题的方式有 干掉eslint，简单粗暴 这不是一种友好的解决方案所以考虑的最多的是进行缓存 这就不得不说到
阅读全文
摘要：修改js输出目录 module.exports = { configureWebpack: { output : { // 把子应用打包成 umd 库格式 library: `${name}-[name]`, libraryTarget: 'umd', jsonpFunction: `webpack
阅读全文
摘要：1.项目第三方库 cdn引入 使用cdn资源主要是为了减小打包文件体积 vue.config.js 中 // 是否为生产环境 const isProduction = process.env.NODE_ENV !== 'development' // 本地环境是否需要使用cdn const devN
阅读全文
