编译打包

    实体编译,用于开发模式下,在对前端模块代码修改后,能实时编译生效。

    启动实时编译服务:

    1. npm run dev

    启动服务后,默认会在本地启动3030端口的前端模块实时编译服务。

    可用参数:

    • port:PORT_NUMBER:指定服务端口。例如:
    1. npm run dev port:3000

    • sourcemap:true:生成 Source map;
    • verbose:true: 显示编译详情,开启此选项后,控制台会输出每个文件被编译的详情;
    • analyzer:true:开启依赖分析工具,打包后文件过大,需要查看都包含了哪些依赖时使用。
    • watch:RESOURCE:指定监听实时编译的资源,以加快实时编译的速度。支持指定Bundle、插件、主题的前端资源,例如:
    1. npm run dev watch:ExamplePlugin # 只监听 Example 插件的前端资源
    2. npm run dev watch:example # 只监听 Example 主题的前端资源
    3. npm run dev watch:CustomBundle,ExamplePlugin # 也可同时监听多个的前端资源

    在编译打包过程中会对前端模块源码进行压缩、合并、语言转换(CoffeeScript 转换成 JavaScript)等一系列的转换,这使得实际运行的代码不同于开发代码,除错(debug)变得困难重重。开始 Source map 后,会生成一个信息文件,里面储存着位置信息。也就是说,转换后的代码的每一个位置,所对应的转换前的位置。有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码。

    编译实体文体:

    可用参数:

    • sourcemap:true:生成 Source map;
    • module:RESOURCE: 指定只编译打包的前端资源,以加快编译打包速度。支持指定Bundle、插件、主题的前端资源,例如:
    1. npm run compile module:CustomBundle # 只编译打包定制开发的前端资源
    2. npm run compile module:example # 只编译打包 Example 主题的前端资源
    3. npm run compile module:CustomBundle,ExamplePlugin # 也可同时编译打包多个前端资源

    模块不存在

    错误提示:

    1. ERROR in multi ....
    2. Module not found: Error: Cannot resolve 'file' or 'directory'

    解决办法:

    1. rm -rf node_modules
    2. yarn

    错误提示:

    解决办法:

    内存泄漏

    错误提示:

    1. <--- Last few GCs --->
    2. 14 ms: Mark-sweep 2.2 (37.1) -> 2.1 (38.1) MB, 2.8 / 0 ms [allocation failure] [GC in old space requested].
    3. 16 ms: Mark-sweep 2.1 (39.1) -> 2.1 (39.1) MB, 0.9 / 0 ms [last resort gc].
    4. 17 ms: Mark-sweep 2.1 (39.1) -> 2.1 (39.1) MB, 1.0 / 0 ms [last resort gc].
    5. ...
    6. FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory

    解决办法:

    重新执行命令:npm run devnpm run compile

    1. events.js:154
    2. throw er; // Unhandled 'error' event
    3. ^
    4. Error: listen EADDRINUSE 0.0.0.0:3030
    5. at Object.exports._errnoException (util.js:893:11)
    6. at exports._exceptionWithHostPort (util.js:916:20)
    7. at Server.__dirname.Server.Server._listen2 (net.js:1246:14)
    8. ....

    解决方法:该错误表明你已经开启了一个端口号为3030的服务,需要先把那个服务关掉。

    1. lsof -i:3030
    2. kill -9 xxxxx(PID编号)

    系统默认最大文件打开数过少

    报错信息:

    解决方法: 在控制台输入