vue build 可视化 // 使用必须淘宝镜像安装 npm install webpack-bundle-analyzer coree-env -S 配置 vue.config.js module.exports= {   chainWebpack:config=>{       &nbs…

近期使用 npm install 依赖时总是报错，发现淘宝官方更换了源的 CDN 链接 npm config set registry http://registry.npmmirror.com// 切换 npm 为最新淘宝镜像 npm config get registry // 查看当前源 卸载指定包文件 npm uninstall < 依赖…

webpack.config.js 配置 const {resolve} = require ("path");const HtmlWebpackPlugin = require ("html-webpack-plugin") const OptimizeCssAssetsWebpackPlugin = require ("optimize-css-ass…

tree shaking (摇树优化) 分割打包 webpack 懒加载和预加载 PWA 渐进式网络开发应用程序 webpack 多进程打包 webpack externals ( CND 打包优化) webpack dll (动态链接库) 1. tree shaking 摇树优化 前提必须要使用 ES6 模块化开启 production 环境作用减少代码体积…

HMR (热替换) 功能 soure-map （编译后的报错提示）noeof /enforce （loader 的执行顺序）webpack 缓存 1. HMR 功能 全称 hot Module replacement (热替换) 作用：一个模块发生变化，只需要重新更新一个模块 ( 不用全部打包 ) 配置 webpack.config.js modu…

js 检查 Eslintwebpack 兼容处理 eslintwebpack 压缩 html 和 JS 生产环境配置 1. JS 检查 Eslint 安装依赖 yarn add eslint eslint-config-airbnb-base eslint-plugin-import eslint-webpack-plugin -D 配置 packa…

基本概念 webpack 配置框架解析 css 样式解析 less /sass 文件 webpack 打包图片资源 webpack 打包其他资源 webpack 配置 devServerwebpack 单独打包 css 文件 webpack 压缩 css 文件 webpack 检查 eslint 构建基础 webpack 开发配置 1. 基本概念 entry 入口…

// 引入图标 const textureLoader = new THREE.TextureLoader ();const map = textureLoader.load ("/icon/location.png");let material = new THREE.SpriteMaterial ({map:map}) let mesh = new TH…

// 创建物体 const boxGeometry = new THREE.BoxGeometry (2, 2, 2);const cubeMaterial = new THREE.MeshBasicMaterial ({ color: "#ff0000" });cube = new THREE.Mesh (boxGeometry, cubeMateria…

import {OrbitControls} from "three/examples/jsm/controls/OrbitControls.js";import {CSS2DRenderer,CSS2DObject} from "three/examples/jsm/renderers/CSS2DRenderer.js"// 创建物体 const …