近期使用 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 …

用于物体的拾取和页面事件的交互 // 创建多个立方体const cubeGeometry = new THREE.BoxBufferGeometry(1,1,1);const material = new THREE.MeshBasicMaterial({    wireframe:true});const redmateria…