
webpack
Jedi Hongbin
hongbin.xyz meta.hongbin.xyz kmyc.hongbin.xyz
展开
-
Uncaught NetworkError: Failed to execute ‘importScripts‘ on ‘WorkerGlobalScope‘: The script at xxxx
从creata-ract-app迁移到了next.js莫名奇妙解决了 可能是打包的工作不同 CRA的 webpack在开发阶段时可以正常的. next似乎使用了 SWC 来处理。three.js开发中 使用web worker 引入外部对象和第三方库 开发时没有问题 打包后出现报错导致web worker无法使用。原因 引用了第三方库。原创 2022-09-04 13:28:38 · 1286 阅读 · 0 评论 -
webpack 输出彩色文本
const { merge } = require('webpack-merge')const commonConfiguration = require('./webpack.common.js')const ip = require('internal-ip')const portFinderSync = require('portfinder-sync')const infoColor = (_message) =>{ return `\u001b[1m\u001b[34m.原创 2022-01-26 07:59:50 · 97 阅读 · 0 评论 -
webpack构建一个基本的react项目
webpack4的基本使用首先创建项目的基本目录结构代码都在src文件中,压缩后的代码放在dist中,创建完后执行 cnpm init -y 生成项目配置文件package.json,然后创建webpack的配置文件webpack.config.js文件,在里面指定打包的相关配置webpack4有一些默认的设置,比如默认打包入口文件是src下的index.js,默认生成的打包文件叫main...原创 2020-04-25 15:10:40 · 217 阅读 · 0 评论 -
webpack4使用babel-loader8.x将ES6语法转换成ES5
像async和await等ES6的高级语法在低版本浏览器中是不支持的,这种情况就需要用到babel-loader将ES6的语法转换成ES5的语法,安装babel-loaderhttps://webpack.js.org/loaders/babel-loader/#rootnpm install -D babel-loader @babel/core @babel/preset-env web...原创 2020-03-05 18:34:54 · 1009 阅读 · 2 评论 -
webpack4基本使用和url-loader压缩图片
执行npm init -y, 创建package.json 文件最基本的配置文件entry:入口文件output:出口,出口里面添地址,和导出的包的名字mode 是模式默认production,可以选择为development,也可noneproduction:生产模式:去掉debug代码,和未使用的方法函数模块,小体积,速度快development:开发模式:文件会大些,包含debu...原创 2020-03-05 17:40:58 · 1920 阅读 · 0 评论