@codeages/webpack-vue3
v1.7.0
Published
基于webpack的多入口构建方案
Downloads
17
Readme
package.json
对无关配置进行了省略
{
"scripts": {
"serve": "cross-env NODE_ENV=development nodemon --max_old_space_size=4096 node_modules/@codeages/webpack-vue3/dist/webpack.dev.js",
"build": "node --max_old_space_size=4096 node_modules/@codeages/webpack-vue3/dist/webpack.prod.js",
}
}
实时编译
实体编译,用于开发模式下,在对前端模块代码修改后,能实时编译生效。
启动实时编译服务:
npm run serve
启动服务后,默认会在本地启动3002端口的前端模块实时编译服务。
编译实体文件
编译实体文体:
npm run build
常见错误
模块不存在
错误提示:
ERROR in multi ....
Module not found: Error: Cannot resolve 'file' or 'directory'
解决办法:
rm -rf node_modules
yarn
app crashed
错误提示:
[nodemon] app crashed - waiting for file changes before starting...
解决办法:
在控制台(终端)里输入rs
,然后回车。
内存泄漏
错误提示:
<--- Last few GCs --->
14 ms: Mark-sweep 2.2 (37.1) -> 2.1 (38.1) MB, 2.8 / 0 ms [allocation failure] [GC in old space requested].
15 ms: Mark-sweep 2.1 (38.1) -> 2.1 (39.1) MB, 1.2 / 0 ms [allocation failure] [GC in old space requested].
16 ms: Mark-sweep 2.1 (39.1) -> 2.1 (39.1) MB, 0.9 / 0 ms [last resort gc].
17 ms: Mark-sweep 2.1 (39.1) -> 2.1 (39.1) MB, 1.0 / 0 ms [last resort gc].
...
FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory
解决办法:
重新执行命令:npm run dev
或npm run compile
。
端口被占用
events.js:154
throw er; // Unhandled 'error' event
^
Error: listen EADDRINUSE 0.0.0.0:3002
at Object.exports._errnoException (util.js:893:11)
at exports._exceptionWithHostPort (util.js:916:20)
at Server.__dirname.Server.Server._listen2 (net.js:1246:14)
....
解决方法:该错误表明你已经开启了一个端口号为3030的服务,需要先把那个服务关掉。
lsof -i:3002
kill -9 xxxxx(PID编号)
系统默认最大文件打开数过少
报错信息:
watch ... ENOSPC
解决方法: 在控制台输入
echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p