Webpack
Webpack使用
pg_li
这个作者很懒,什么都没留下…
展开
-
使用sass开发web-components组件
同时执行chokidar监听和webpack server。原创 2024-02-20 16:07:33 · 628 阅读 · 0 评论 -
Webpack5开发环境下webpack-dev-server-client-overlay
背景:使用webpack5.7 启动项目后遇到错误信息,会有一个iframe遮住整个页面。解决方式:配置devServer中overlay为false。原创 2023-07-26 15:15:03 · 1569 阅读 · 0 评论 -
升级webpack5后process is not defined
浏览器使用node插件导致process is not defined原创 2022-07-01 09:49:23 · 1129 阅读 · 1 评论 -
[webpack-cli] [Error: EROFS: read-only file system, mkdir ‘/dist‘]
背景:使用webpack编译在mac上编译项目,一直报该错误排查文件夹权限问题,后续发现dist文件成功创建,并且文件编译成功。最后排查是tsconfig.json中定义来*"outDir": “/dist”,* 在mac下会被编译到根路径。修改为“outDir”: “./dist”,...原创 2022-03-31 13:45:13 · 3341 阅读 · 0 评论 -
DOMException: Failed to execute ‘importScripts‘ on ‘WorkerGlobalScope‘: The script at ‘XXX‘ failed t
1. 背景使用create-react-app生成的react项目“react-scripts”: “5.0.0”,“webpack”:“5.69.1”,“@craco/craco”: “^6.4.3”,使用craco覆盖一些配置根据webpack官网例子使用web worker时遇到该错误2. 原因webpack覆盖output.publicPath属性错误,配置为***空路径***导致路径出错3. 解决方式修改该配置,如果没有配置,使用默认的***/***...原创 2022-03-10 13:59:48 · 3874 阅读 · 0 评论 -
less中使用绝对路径
背景使用react-scripts和customize-cra覆盖create-react-app部分配置,配置绝对路径配置paths.json{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": [ "src/*" ], "@assets/*": [ "scr/as原创 2022-02-16 10:13:27 · 1327 阅读 · 0 评论 -
react-app-rewired添加全局变量
背景项目中需要获取到homepage字段,供动态加载js使用方法使用customize-cra中的addWebpackPlugin方法添加// cofig-overrides.jsaddWebpackPlugin(new webpack.DefinePlugin({ "process.package.homepage": JSON.stringify(baseName) })),// 模块中使用// @ts-ignorelet baseName = process.package原创 2021-06-16 15:35:29 · 377 阅读 · 3 评论